Array()方法汇总

1. length属性 && 检测数组

• length属性不是只读，能够设置该属性，从数组的末尾移除项或添加新项
• 检测数组：
  1. 一个全局做用域下（一个网页），使用instanceof
  2. 两个以上不一样的全局执行环境（网页包含多个框架），使用Array.isArray()

2. 转换方法

• toString()
• 返回由数组中每一个值的字符串形式拼接而成的以逗号（,）分隔的字符串，实际上会调用每一项的toString（）
• toLocaleString() 返回值常常与toString()相同, 但调用的是每一项的toLocaleString()
• valueOf() 返回数组自己

3. 栈方法 LIFO（last in first out）

• push() 数组末尾添加任意个项，返回数组新的长度，
• pop() 删除数组末的最后一个元素，并返回移除的项

4. 队列方法 FIFO

• shift() 删除并返回数组第一项
• unShift() 在数组的开头添加任意个项，并返回数组新的长度

5. 重排序方法

• reverse() 反转数组项的顺序，该方法会改变原来的数组，而不会建立新的数组。
• sort()
  1. 默认状况下，sort()方法按升序排列数组，经过调用每一项的toSring()再比较，所以比较的是字符串
  2. 接受一个比较函数做为参数时，比较函数接受两个参数，来指定哪一个值位于哪一个值得前面，

     function sortNumber(a,b) {
           return a - b
      }   //升序
     复制代码

6. 操做方法

• concat() 能够拼接任意数组，返回新数组，不改变自身

  <script type="text/javascript">
  
  var a = [1,2,3];
  document.write(a.concat(4,5));
  
  </script>
  复制代码

• slice() 接受两个参数，表明截取得起止位置，不包含结束位置，一个参数时默认截取到最后，参数为负数时，加上数组自己长度，注意 不影响原数组，若是起始位置小于结束位置，则返回空数组

• splice()

  1. 删除： 两个参数 删除的第一项的位置 和 删除的项数
  2. 插入： 三个参数 起始位置、 0（删除的项数）和插入的项，若插入多项，则在后面加上插入的项
  3. 替换： 三个参数 起始位置、 删除的项数、替换的项（任意数量） 返回从数组中删除的项，没有删除时返回空数组，改变原数组

7. 位置方法

• indexOf()

• lastIndexOf() 都接受两个参数 查找的项和查找起点位置的索引（可选），返回查找项在数组中的位置，没找到时返回1

  let arr = ['orange', '2016', '2016'];
       arr.indexOf('orange'); //0
       arr.indexOf('o'); //-1 由于此方法不会在每个元素的基础上再次执行 indexOf 匹配。
       arr.indexOf('2016'); //1
       arr.indexOf(2016); //-1 注意：这里不会作隐式类型转换。
  复制代码

8. 迭代方法

每一个方法都接受两个参数，第一个为在每一项运行的函数，第二个为运行该函数的做用域对象（可选） 函数接受三个参数：item，index， array自己，都不会改变原数组

• every() 传入函数的每一项都知足函数，返回true
• some() 某一项知足函数的条件，返回true
• forEach() 与for循环用法一致，无返回值
• filter() 返回一个新的数组，用指定的函数肯定是否在返回的数组中包含某一项
• map() 返回一个新的数组，该数组的值对应原数组的每一项运行指定函数的返回值

9. 归并方法

• reduce()
• reduceRighht() 两个方法都会迭代数组的全部项，构建一个最终的返回值 接受两个参数： 每一项调用的函数 和 归并基础的初始值 函数接受四个参数： 前一个值 当前值 索引 和数组对象，该函数的返回值都会做为第一个参数传给下一项，第一次迭代发生在数组的第二项上，所以第一个参数是数组的第一项，第二个参数是数组的第二项

10. ES6新增方法

• find() 返回经过测试（函数内判断）的数组的第一个元素的值。 find() 方法为数组中的每一个元素都调用一次函数执行： 若是没有符合条件的元素返回 undefined find() 对于空数组，函数是不会执行的。 不改变原数组

• findIndex() 和find()差很少，默认返回的是索引。

• includes() 与String的includes()同样，接收2参数，查询的项以及查询起始位置,返回true或false

• keys() 对数组索引的遍历

• values() 对数组项的遍历

• entries() 对数组键值对的遍历

  let arr=['w','b'];
  for(let a of arr.entries()){
      console.log(a)
  }//结果：[0,w],[1,b]
  for(let [i,v] of arr.entries()){
      console.log(i,v)
  }//结果：0 w,1 b
  复制代码

• fill() 数组填充

  let arr=['w','b'];
   arr.fill('i')//结果：['i','i']，改变原数组
   arr.fill('o',1)//结果：['i','o']改变原数组,第二个参数表示填充起始位置
  复制代码

new Array(3).fill('k').fill('r',1,2)//结果：['k','r','k']，第三个数组表示填充的结束位置,前开后闭区间

- Array.from() 
  把带有lenght属性相似数组的对象转换为数组，也能够把字符串等能够遍历的对象转换为数组，它接收2个参数，转换对象与回调函数
 
 ```
 Array.from({'0':'w','1':'b',length:2})//["w", "b"],返回数组的长度取决于对象中的length，故此项必须有！
 Array.from({'0':'w','1':'b',length:4})//["w", "b", undefined, undefined]
 Array.from({'0':'w','1':'b',length:1})//["w"]
 let divs=document.getElementsByTagName('div');
 Array.from(divs)//返回div元素数组
 Array.from('wbiokr')//["w", "b", "i", "o", "k", "r"]
 Array.from([1,2,3],function(x){
         return x+1
     })//[2, 3, 4],第二个参数为回调函数
 ```

【完】


**做者简介**：郑佳欢，芦苇科技web前端实习生，公司做品：口红挑战网红小游戏、服务端渲染官网。擅长网站建设、公众号开发、微信小程序开发、小游戏、公众号开发，专一于前端领域框架、交互设计、图像绘制、数据分析等研究。 一块儿并肩做战： [zhengjiahuan@talkmoney.cn](mailto:yemao@talkmoney.cn) 访问 [www.talkmoney.cn](http://www.talkmoney.cn/) 了解更多复制代码