arr.join(str)

  • 把arr使用str拼接成字符串
  • str拼接符
  • 返回:String

arr.reverse()

  • 翻转数组
  • 翻转操作的是原数组
  • 返回:Array数组

arr.concat(arr1,arr2)

  • 把参数数组和源数组进行拼接,形成一个新的数组
  • 返回:Array

arr.length

  • 数组的元素个数注意:真实的元素个数和length的值不一定相等,一个数组的length = 数组的最大索引值 + 1
  • 可读可写,这就意味着,我们可以对一个数组的length进行修改,如果length的值修改成小于现有数组索引的值,那么大于修改后的length的值将会被自动删除,所以,除非我们知道修改length所带来的问题,否则不要轻易的去修改length属性

添加类

arr.push(data1[data2...])

  • 向数组的尾部添加新的数据
  • 返回:Number,返回新数组的长度

arr.unshift(data1[data2...])

  • 向数组的头部添加新的数据
  • 返回:Number,返回新数组的长度

删除类

arr.pop()

  • 删除数组的最后一个
  • 返回:被删除的元素
  • 返回类型:被删除元素的类型

arr.shift()

  • 删除数组第一个
  • 返回:被删除的元素
  • 返回类型:被删除元素的类型

arr.splice([start,count,data1...])

  • 删除数组指定位置的内容,并在删除的位置添加新的数据
  • start删除的起始位置,默认为0
  • count要删除元素的个数,默认为0
  • data1...要添加的新的元素
  • 返回:Array,被删除的元素

arr.slice(start,end)

  • 截取从start位置开始到end位置结束,不包含end位置的元素
  • start截取的起始位置,默认为0
  • end截取的结束位置,默认数组的length
  • 返回:Array,被截取的元素

循环类

arr.forEach(callback)

  • 循环遍历数组元素
  • 当我们调用数组的forEach方法的时候,这个方法的内部会循环该数组,每次循环都会调用传入的callback
  • callback:函数,在forEach循环遍历的时候被调用
arr.forEach(function(value,key){
console.log(key,value)
})
value:循环过程中对应的值
key:循环过程中对应的下标

arr.map(callback)

  • 循环遍历数组元素
  • 目的:创建新数组
  • 根据已有的数组,创建一个结构类似的新数组
  • 返回:Array数组

arr.filter(callback)

  • 循环遍历数组元素
  • 目的:创建新数组
  • 根据一个已有数组床架新数组,如果回调函数返回true,就保留当前循环的原始值,如果是false,就会丢弃
  • 保留下的是过滤后的原数组

arr.sort(callback)

  • 默认根据unicode编码来排序
  • 我们可以传入一个回调函数来设置排序的规则
  • callback:回调函数,设置排序规则
    • 根据函数的return值来决定要不要交换位子
    • 排序:交换 小于等于0,不交换位子 大于0,交换位子

arr.from(arr)

  • 用于将类数组对象转化为真正的数组

arr.of(str1,str2,...)

  • 用于将一组参数转化为数组
  • 可以解决原始创建数组的方法中的一个问题:如果new Array(3),如果只是传入一个数字作为参数这个参数会被当做数组的长度,而不是内容

arr.keys()

  • 用于for of对数组和键名的遍历
  • 语法
for(let index of arr.keys()){}

arr.entries()

  • 用于for of对数组键值对的遍历
  • 语法
for(let [index,ele] of arr.entries()){}

JS数组的常用方法的更多相关文章

  1. JS数组array常用方法

    JS数组array常用方法 1.检测数组 1)检测对象是否为数组,使用instanceof 操作符 if(value instanceof Array) { //对数组执行某些操作 } 2)获取对象的 ...

  2. js 数组的常用方法归纳

    数组的常用方法归纳 slice(start,end) 传参:start代表从哪里开始截取,end代表截取结束的地方 var a = [1,2,3]a.slice(1);//[2,3] pop() 可以 ...

  3. js数组去重常用方法

    js数组去重是面试中经常会碰到的问题,无论是前端还是node.js数组常见的有两种形式,一种是数组各元素均为基本数据类型,常见的为数组字符串格式,形如['a','b','c'];一种是数组各元素不定, ...

  4. js数组的常用方法(10种)

    数组的常用方法 数组在JavaScript中经常使用,如何对数组进行增删改非常重要,下面为数组的常用方法: 在数组末尾插入元素 arr.push(value),在数组的末尾添加一个或多个元素,并返回数 ...

  5. js 数组的常用方法

    pop,push,reverse,shift,sort,splice,unshift 会改变原数组 join,concat,indexOf,lastIndexOf,slice,toString 不会改 ...

  6. JS数组操作常用方法

    toString():把数组转换成一个字符串 toLocaleString():把数组转换成一个字符串 join():把数组转换成一个用符号连接的字符串 shift():将数组头部的一个元素移出 un ...

  7. js数组对象常用方法小结

    ~~~数组添加元素后一般返回数组的新长度 如: push(ele1[,ele2...]), unshift(ele1[,ele2...]) ~~~数组删除元素后一般返回被删除的元素 如: pop() ...

  8. JS 数组Array常用方法

    参考网站: http://www.jb51.net/article/60502.htm,作者:junjie 今天在使用js切割字符串"浙江,江苏 , 天津,"...这样字符串的时候 ...

  9. js 数组操作常用方法

    push():在数组后面加入元素,并返回数组的长度: unshift():在数组前面就如元素,并返回数组的长度: pop():删除最后一个元素: var arr =[1,2,3,4,5] ; arr. ...

  10. JS 数组的常用方法详解归纳之改变原数组方法

    shift() 把数组的第一个元素从其中删除,并返回第一个元素的值, 如果数组是空的,那么 shift() 方法将不进行任何操作,返回 undefined 值.请注意,该方法不创建新数组,而是直接修改 ...

随机推荐

  1. 3、flink架构,资源和资源组

    一.flink架构 1.1.集群模型和角色 如上图所示:当 Flink 集群启动后,首先会启动一个 JobManger 和一个或多个的 TaskManager.由 Client 提交任务给 JobMa ...

  2. thinkphp5 不使用form,用input+ajax异步上传图片

    不支持$this->request->file()获取图片 后台接收文件请使用$_FILE 正文开始: HTML <div class="upload"> ...

  3. Ubuntu parted 命令 写在脚本里时要带 -s 参数

    否则会要求用户输入,造成脚本卡住.

  4. Unity 游戏框架搭建 2019 (三十九、四十一) 第四章 简介&方法的结构重复问题&泛型:结构复用利器

    第四章 简介 方法的结构重复问题 我们在上一篇正式整理完毕,从这一篇开始,我们要再次进入学习收集示例阶段了. 那么我们学什么呢?当然是学习设计工具,也就是在上篇中提到的关键知识点.这些关键知识点,大部 ...

  5. opencv-0-项目启程

    opencv-0-项目启程 opencvC++QT 开始 无数次说要开始 opencv 的系列, 但是都由于各种原因没有坚持下去, 这次我做最后一次尝试, 也做最后一次坚持, 如果不做下去, 我就再也 ...

  6. C++多线程队列实现

    C++多线程队列实现 C++多线程队列学习 介绍 在项目中,进行多线程队列实现是一个比较麻烦的事, 找到了一个实现比较好的多线程队列实现, 自己做了一点修改更加适应自己的项目, 记录下来, 有需要的自 ...

  7. java程序员从小工到专家成神之路(2020版)

    目录 必须掌握的基础知识 1. Git & Github 2. Linux 3. 数据结构和算法 4. HTTP / HTTPS 5. 设计模式 6. 计算机原理 java学习之路 1. 工具 ...

  8. Python3 字符串格式化(%操作符)

    格式符 格式符为真实值预留位置,并控制显示的格式.格式符可以包含有一个类型码,用以控制显示的类型,如下: %s    字符串 (采用str()的显示) %r    字符串 (采用repr()的显示) ...

  9. Vue Cli 报错:You are using the runtime-only build of Vue where the template compiler is not availabl

    报错原因: 这里引用的是vue.runtime.esm.js,造成的不能正常运行. vue-cli 2.x 解决方法: 在webpack.base.conf.js配置文件中多加了一段代码,将 vue/ ...

  10. jQuery学习(二)

    操作DOM对象: 修改文本: jQuery对象的text()和html()方法可以用来获取节点的文本内容和HTML文本.而当你给方法传入参数时,这两个方法可以被用于设置jQuery的文本内容. 还是以 ...