js中的数组方法

js操纵数组常用方法

会改变自身的方法

• pop()/push()
  pop() 数组末尾移除最后一项，减少数组的length，然后返回移除的项，原数组发生改变。

var arr=[1,2,3,4,5,6]
var tmp=arr.pop()
console.log(arr)//[1,2,3,4,5]
console.log(tmp)//6（移除的项）

push() 可以接收任意数量的参数，把它们逐个添加到数组末尾，并返回修改后的数组的长度，原数组发生改变。

var arr=[1,2,3,4,5,6]
var tmp=arr.push(0)
console.log(arr)//[1,2,3,4,5,6,0]
console.log(tmp)//7（长度）

• shift()/unshift()
  shift() 删除原数组第一项，并返回删除元素的值，如果数组为空则返回undefined。

var arr=[1,2,3,4,5,6]
var tmp=arr.shift()
console.log(arr)//[2,3,4,5,6]
console.log(tmp)//1

unshift() 将参数添加到原数组开头，并返回数组的长度。

var arr=[1,2,3,4,5,6]
var tmp=arr.unshift(0)
console.log(arr)//[0,1,2,3,4,5,6]
console.log(tmp)//7

• reverse()
  reverse() 反转数组项顺序，返回反转后的新数组，原数组也随之改变。

var arr=[1,2,3,4,5,6]
var tmp=arr.reverse()
console.log(arr)//[6,5,4,3,2,1]
console.log(tmp)//[6,5,4,3,2,1]

• sort()
  sort() 按升序排列数组，最小值位于最前面，最大值位于最后面（比较的是ASCII码表的值）。在排序时，sort()方法会调用每个数组项的toString()转型方法，然后比较得到字符串，以确定如何排序。返回被sort后的新的数组，原数组也随之改变。
  原理：当数组长度小于等于10时，采用插入排序，大于10时，采用快排
  对于长度大于1000的数组，采用的是快排和插入排序混合的方式（数据量很小的时候，插入排序效率优于快排）

var arr1 = ["a", "d", "c", "b"];
console.log(arr1.sort()); // ["a", "b", "c", "d"]
arr2 = [13, 24, 51, 3];
console.log(arr2.sort()); // [13, 24, 3, 51]
console.log(arr2); // [13, 24, 3, 51](原数组被改变)

sort()方法比较的是字符串，因此会出现这种问题。如果想要比较数字，sort()中可以接收一个比较函数。

var arr=[1000,21,15,8];
console.log(arr.sort());//1000,15,21,8  从第一位比较
//升序排列
arr.sort((a,b)=>{
return a-b;
})
console.log(arr);//8, 15, 21, 1000
//降序排列
arr.sort((a,b)=>{
return b-a;
})
console.log(arr);//1000, 21, 15, 8

• splice()
  splice() 很强大的数组方法，可以实现删除、插入和替换。
  **删除：**可以删除任意数量的项，只需指定 2 个参数：要删除的第一项的位置和要删除的项数。例如， splice(0,2)会删除数组中的前两项。
  **插入：**可以向指定位置插入任意数量的项，只需提供 3 个参数：起始位置、 0（要删除的项数）和要插入的项。例如，splice(2,0,4,6)会从当前数组的位置 2 开始插入4和6。
  **替换：**可以向指定位置插入任意数量的项，且同时删除任意数量的项，只需指定 3 个参数：起始位置、要删除的项数和要插入的任意数量的项。插入的项数不必与删除的项数相等。例如，splice (2,1,4,6)会删除当前数组位置 2 的项，然后再从位置 2 开始插入4和6。
  splice()方法始终都会返回一个数组，该数组中包含从原始数组中删除的项，如果没有删除任何项，则返回一个空数组。

var arr = [1,3,5,7,9,11];
var arrRemoved = arr.splice(0,2);
console.log(arr); //[5, 7, 9, 11]
console.log(arrRemoved); //[1, 3]
var arrRemoved2 = arr.splice(2,0,4,6);
console.log(arr); // [5, 7, 4, 6, 9, 11]
console.log(arrRemoved2); // []
var arrRemoved3 = arr.splice(1,1,2,4);
console.log(arr); // [5, 2, 4, 4, 6, 9, 11]
console.log(arrRemoved3); //[7]

不会改变自身的方法

• concat()
  concat() 将参数添加到原数组中，这个方法会先创建当前数组一个副本，然后将接收到的参数添加到这个副本的末尾，最后返回新构建的数组。在没有给 concat()方法传递参数的情况下，它只是复制当前数组并返回副本。可以用于合并两个数组。

var arr = [1,3,5,7];
var arrCopy = arr.concat(9,[11,13]);
console.log(arrCopy); //[1, 3, 5, 7, 9, 11, 13]
console.log(arr); // [1, 3, 5, 7](原数组未被修改)

• includes()
• join()
  join(separator) 数组转字符串，以separator为分隔符，省略时以逗号分隔。

var arr = [1,2,3];
console.log(arr.join()); // 1,2,3
console.log(arr.join("-")); // 1-2-3
console.log(arr); // [1, 2, 3]（原数组不变）

• slice()
• toSource()
• indexOf()/ lastIndexOf()（ES5新增）
• forEach()（ES5新增）
• map()（ES5新增）
  map()方法会创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。

const numbers = [1, 2, 3, 4] 
const numbersPlusOne = numbers.map( n => n + 1) // numbers数组中的每个元素加1，返回一个新的数组 
console.log(numbers) //[1,2,3,4]
console.log(numbersPlusOne)//[2,3,4,5]

• filter()（ES5新增）
  当你想过滤一个数组时可以使用filter。就像map一样，它接受一个函数作为唯一的参数，该参数在数组的每个元素上调用。这个函数需要返回一个布尔值：
  true：元素将保留在数组中
  false：元素不会保留在数组中
  最终返回结果也会得到一个新数组，该新数组中保留了你想要留下的元素。

const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10] 
const oddNumbers = numbers.filter(n => n % 2 !== 0) 
console.log(numbers) //[1,2,3,4,5,6,7,8,9,10]
console.log(oddNumbers)//[1,3,5,7,9]

• every()（ES5新增）
  every()和some()类似，不同的是some()只要有一个元素符合条件即返回true，而every()不同，需要所有元素都通过条件才返回true。
• some()（ES5新增）
  如果你想检测数组中至少有一个元素通过了测试，那可以使用some()方法。就像map()、filter()或find()一样，some()方法将回调函数作为唯一的参数。如果至少有一个元素通过测试，则返回true，否则返回false。
• reduce()/reduceRight()（ES5新增）
  reduce会取一个数组中的值并将它们合成一个值。它接受两个参数，一个回调函数（reducer函数）和一个可选的初始值（默认情况是数组的第一项）。
  reducer本身有四个参数：
  **累计器：**它在reducer中累加返回值
  数组的当前值
  当前索引值
  源数组

const numbers = [1, 2, 3, 4, 5, 6] 
const total = numbers.reduce((total, n) => total + n) 
console.log(total) // => 21（依次相加）