JavaScript数组(Array)方法大全

js中数组的方法种类众多,有ES5之前版本中存在的,ES5新增,ES6新增等;并且数组的方法还有原型方法和从object继承的方法,这里我们只介绍数组在每个版本中原型上的方法。

一、在使用数组的方法之前,需要先创建数组,创建数组有以下方式:

  • 字面量方式(json方式)
var arr1 = [];                    //创建一个空数组
var arr2 = [5];                   //创建一个具有单个元素的数组
var arr3 = [5,6,7];               //创建一个具有多个元素的数组
  • 构造函数方式
var arr1 = new Array();          //创建一个空数组
var arr2 = new Array(5);         //创建一个长度为5,值为空的数组
var arr3 = new Array(5,6,7);     //创建一个具有多个元素的数组

  

二、数组方法概括

方法名 对应版本 功能 原数组是否改变
concat() ES5- 合并数组,并返回合并之后的数据 n
join() ES5- 使用分隔符,将数组转为字符串并返回 n
pop() ES5- 删除最后一位,并返回删除的数据 y
shift() ES5- 删除第一位,并返回删除的数据 y
push() ES5- 增加最后一位或多位,并返回长度 y
unshift() ES5- 增加第一位或多位,并返回长度 y
reverse() ES5- 反转数据,返回结果 y
slice() ES5- 截取指定位置的数组并返回 n
sort() ES5- 排序(字符比较规则),返回结果 y
splice() ES5- 删除指定位置,并替换,返回删除的数据 y
toString() ES5- 直接转为字符串,并返回 n
valueOf() ES5- 返回数组对象的原始值 n
indexOf() ES5 查询并返回数据的索引 n
lastIndexOf() ES5 反向查询并返回数据的索引 n
forEach() ES5 参数为回调函数,会遍历数组所有的项,回调函数接受三个参数,分别为value,index,self;forEach没有返回值 n
map() ES5 同forEach,同时回调函数返回数据,组成新数组由map返回 n
filter() ES5 同forEach,同时回调函数返回布尔值,为true的数据组成新数组由filter返回 n
every() ES5 同forEach,同时回调函数返回布尔值,全部为true,由every返回true n
some() ES5 同forEach,同时回调函数返回布尔值,只要由一个为true,由some返回true n
reduce() ES5 归并,同forEach,迭代数组的所有项,并构建一个最终值,由reduce返回 n
reduceRight() ES5 反向归并,同forEach,迭代数组的所有项,并构建一个最终值,由reduceRight返回 n

 

上一篇:【转载】ES5-ES12 常用语法特性


下一篇:JS高阶-函数构造:ES5继承,ES6类相关语法,this指向call/apply/bind,构造函数