JavaScript 数组方法总结

创建数组的方法

1. 使用Array构造函数

   var colors = new Array();
var colors = new Array(20)
var colors = new Array("Gergo", "Ken", "Ellan")

2. 使用数组字面量表示法
   var colors = ["red", "yellow", "green", "blue"]
var colors = []

数组方法

1. length
   length属性是非只读的，通过设置这个属性，可以从数组的结尾移除项或添加项。

   var colors = ["red", "yellow", "green", "blue"];
   colors.length = 2;
   console.log(colors);  // ["red", "yellow"]
   

   如果，将length的值设置大于数组现有项数的值，则新增的每一项都为undefined

   var colors = ["red", "yellow", "green", "blue"];
   colors[color.length] = "black";
   colors[color.length] = "pink";
   

2. 检测数组

   × instanceof
   × Array.isArray()

3. 转换方法

• toString() //返回数组中每个值的字符串形式
• toLocalString() //创建一个数组值的以逗号分隔的字符串
• valueOf() //返回数组本身
• join() //可以使用不同的分隔符来构建这个字符串

注意：如果数组中某一项是null或者undefined，则该值在以上方法中结果以空字符串格式显示。

4. 栈方法（后进先出），最早添加的最先被移除

• push() //逐项在数组末尾添加，并返回修改后数组的长度。
• pop() //从数组的末尾移除最后一项，减少length，然后返回移除的项。

5. 队列方法（先进先出）

• shift() //移除数组的第一项并返回该项，数组长度减少1。
• unshift() //在数组首端添加任意一项，并返回新的数组长度。

6. 重排序方法

• reverse() //反转数组的排序
• sort() //默认按照升序排列数组，因为会调用toString()方法，所以是比较得到的字符串，所以sort支持接收一个比较函数作为参数。

7. 操作方法

• concat() //可以基于当前数组创建一个数组副本，将接收到的参数添加到这个数组的末尾，然后返回新的数组。
• slice() //基于当前数组中的一个或多个创建一个新的数组，且不会影响原数组。
  当参数只有一项的时候，方法返回从该参数指定位置开始到当前数组末尾的所有项
  当参数有两项时，该方法返回起始和结束位置之间的项，但不包含结束项

注意：如果参数中包含一个负数，则用数组长度加上该数来确定相应位置， 如数组长度为5，则slice(3, 4) === slice(-2, -1)；如如果起始位置大于结束位置，返回为空。

• splice() //向数组中部插入项
  • 删除，可以删除任意数量的项，需指定两个参数，要删除的第一项的位置和删除的项数
  • 插入，向指定位置插入任意数量的项，3个参数，起始位置，0（要删除的项数），要插入的项
  • 替换，向指定位置插入 任意数量的项，且同时删除任意数量的项，3个参数，起始位置，要删除的项数，要插入的项

8. 位置方法

• indexOf() //从数组开头（0）开始向后查找, 返回查找项在数组中位置，没找到的情况下返回-1
• lastIndexOf() //从数组的结尾开始向前查找, 返回查找项在数组中位置，没找到的情况下返回-1

以上两个方法都需要两个参数：

• 要查找的项
• 表示查找起点位置的索引（可选）

9. 迭代方法

每个方法需要接收两个参数：

• 要在每一项上运行的函数，该函数会接收3个参数：

1. 数组项的值 2. 该项在数组中的位置 3. 数组对象本身

• 运行该函数的作用域对象（可选）–影响this的值

• every() //对数组中的每一项运行给定函数，若每一项都为true，则返回为true

• filter() //对数组中的每一项运行给定函数，返回该函数为true的项组成的数组

• forEach() //对数组中的每一项运行给定函数，这个方法没有返回值

• map() //对数组中的每一项运行给定函数，返回每次函数调用的结果组成的数组

• some() //对数组中的每一项运行给定函数，若其中的一项为true，则返回为true
  以上方法不会修改数组中包含的值

10. 归并方法
    JS中的归并方法都会迭代数组中的所有项，然后构建一个最终返回的值。

• reduce() //从数组的第一项开始，逐个遍历到最后
• reduceRight() //从数组的最后一项开始，向前遍历到第一项
  参数：
• 一个在每项上调用的函数，4个参数

1. 前一个数 2. 当前值 3. 项的索引 4. 数组对象

• 作为归并基础的初始值（可选）