js--常用的Array数组方法

• 关于数组长度:

• 如果为一个数组元素赋值，它的索引 i 大于或等于现有数组的长度时，length的值会自动设置为 i+1

• 设置length为一个小于当前长度的非负整数 n 时，那些索引值大于或等于 n 的元素将从中删除

• 添加数组元素：

• push()：在末尾添加，length+1

• a.unshift()：在头部添加，length+1

• a[a.length]：在末尾添加，length+1

• 删除数组元素：

• pop()：在末尾删除，length-1

• shift()：在头部删除，length-1，并且被删后面的元素自动往前挪

• 直接指定length为更小的值，则索引大于等于length的部分被切除，即使后面再将length改回来，也无法找回数据，均为undefined

• splice()：可插入，删除，替换，会根据需要修改length的值，并移动元素到更高或更低的索引处

• delete：可以删除某个数组元素，删除后用undefined占位，不会移动其他元素，length不会自动改变

数组方法：

改变原数组：

1. pop()
2. push()
3. shift()
4. unshift()：以上，都是返回添加或删除的单个元素
5. reverse()：返回位置逆序数组，非大小逆序

• undefined也会参与逆序占位，并输出

1. sort()：返回排序后的数组

• 默认是按字母表排序
• 传入回调函数时，假设第一个参数应该在前，就要返回一个大于0的数值，所以按从小到大排序时：function(a,b){return a-b }
• undefined会被排在最后，也会占位输出

1. splice()：返回被删除的片段

不改变原数组：

1. concat()：a.concat([4,5])，返回拼接后的新数组
2. slice()：参数start,end，包前不包后，返回被切除的片段。参数可以为负，此时实际的索引值为用长度加上该负值以后的值，如果start小于end，则返回空数组。

• 例： 长度为5的数组，slice(-2,-1)，实际指的是slice(3,4)

1. filter()：【跳过undefined的值，输出时去除空缺】需要回调函数function(value)将每个元素值传入，经过一系列判断，如果返回值为true或能转化为true的值，则将其添加到新数组中，返回新数组。

• 应用：a.filter(function(x){return true})可以去除数组中的undefined值，但不能去除null，如果要去除null，需要再回调函数里进一步判断。

1. forEach()：【不会处理undefined的值】需要回调函数function(value元素值,index下标,arr数组本身)，返回值始终为undefined，循环过程中无法停止
2. map()：【不会处理undefined的值，即不传入回调函数处理，但输出时保留空缺】需要回调函数function(value元素值,index下标,arr数组本身)}，返回一个新数组，其中每一个下标的值为原数组经过回调函数处理后return的相应值，原来的undefined会在新数组中继续占位。

• 应用举例：
• a = [4, 5, 6, undefined × 1, 99, undefined × 2] a.map(function(x){if(x === undefined){console.log("uuu")}else{return x*x }}) 运行结果：输出：[16, 25, 36, undefined × 1, 9801, undefined × 2] 原数组a的值不变
• 与forEach比较：
• a.forEach(function(x){if(x === undefined){console.log("uuu")}else{return x*x }}) 运行结果：输出：undefined，数组a的值也不变
• 比较结果：两者都不会处理undefined，forEach不会提前返回，函数返回值永远是Undefined，map永远返回一个数组，数组中的元素是回调函数里面return的值，原来undefined的值还会在新数组中原地占位。

1. reduce()：【不会处理undefined的值】需要回调函数function callbackfn(previousValue, currentValue, currentIndex, array1)，每次传入两个元素值，经过一系列化简处理，最终得到一个值，返回。应用举例:累加

• 函数完整参数：array1.reduce(callbackfn[, initialValue])

1. every()：【也不处理undefined的值】有回调，检查是否每个value都满足回调函数返回true,否则返回false

2. some()：有回调，只要有一个value令回调函数返回true,则some返回true

3. find()：有回调，返回回调函数里面第一个返回true的value。

   • function isBigEnough(element) { return element >= 15; } [12, 5, 8, 130, 44].find(isBigEnough); // 130

4. findIndex()：有回调，返回回调函数里面第一个返回true的value的index

   • function isBigEnough(element) { return element >= 15; } [12, 5, 8, 130, 44].findIndex(isBigEnough); // index of 3rd element in the Array is returned, it will result in '3'

5. indexOf()：按内容查找，返回第一个找到的index,否则返回-1

• var a = [2, 9, 9]; a.indexOf(2); // 0 a.indexOf(7); // -1

1. lastIndexOf()：反向搜索，其他同上。
2. Array.from()：将DOM-list和arguments这样的类数组转化为数组，使其可以使用数组原型上的方法。
3. Array.entries() : 返回一个新数组，里面是多个子数组，每个子数组的[0]是原数组的下标,[1]是原数组下标对应的值.

• 例如：
  const arr = ['a','b','c'];
  let aaa= arr.entries(); // [[0,'a'],[1,'b'],[2,'c']]

应用补充：

• 利用数组方法可以实现数组的深拷贝：
• var newArr = arr.slice() // 原理：从index=0开始截取直到结束，返回一个新数组
• var newArr = arr.concat() // 原理：数组拼接，返回新数组