JS数组方法集合

数组方法集合"/>

JS数组方法集合

以下操作均会改变原数组

// 在数组尾部追加元素
arr.push(item)// 在数组尾部删除元素
arr.pop()// 在数组头部插入元素
arr.unshift(item)// 在数组头部删除元素
arr.shift()// 数组排序，参数是一个回调函数，回调函数的返回值大于0时，交换元素位置，小于等于0时不动
arr.sort((a, b) => {// 从小到大排序// return a - b// 从大到小排序// return b - a
})// 数组翻转
arr.reverse()// 截取或新增元素，在索引的前面新增元素
arr.splice(起始位置索引，要删除的个数，新增元素1, 新增元素2, 新增元素3, ……)// 将指定位置的元素复制到数组的其他位置（包括起始位置，不包括结束位置）
arr.copyWithin(目标位置索引, 复制的起始位置索引, 复制的结束位置索引)// 用给定的值填充给定范围的数组元素（包括起始位置，不包括结束位置）
arr.fill(填充的值, 填充起始位置索引, 填充结束位置索引)

以下操作不会改变原数组

// 数组遍历
arr.forEach((item, index) ={})// 数组过滤
var newArr = arr.filter((item, index) => {// 返回大于2的元素return item > 2
})// 根据给定的方法返回一个新的数组
var newArr = arr.map((item, index) => {// 新数组中的每一项都加1return item + 1
})// flatMap类似于map，但当返回的数组中的元素是一维数组时，flatMap会将元素展开。
// 例如map返回一个数组[['a1', 'a2'], ['b1', 'b2'], ['c1', 'c2']]，则flatMap返回的是['a1', 'a2', 'b1', 'b2', 'c1', 'c2']// 对数组中每一项运行回调函数，返回最后一次回调函数的执行结果
// previousValue：首次运行时如果initialValue有值，则取initialValue的值，如果没有则取数组第一个元素，后面previousValue的值为上一次该回调函数的返回值
var newVal = arr.reduce((previousValue, item, index) => {// 若initialValue为空，则newVal的值为数组每项的乘积// 若initialValue为2，则newVal的值为数组每项的乘积的2倍return previousValue * item
}, initialValue)// 同上一方法，只是运算顺序是从右向左
var newVal = arr.reduceRight((previousValue, item, index) => {// 若initialValue为空，则newVal的值为数组每项的乘积// 若initialValue为2，则newVal的值为数组每项的乘积的2倍return previousValue * item
}, initialValue)// 从已有的数组中返回选定的元素（包括起始位置，不包括结束位置）
var newArr = arr.slice(起始位置索引, 结束位置索引)// 数组合并
var newArr = arr.concat(arr1, item1, item2, ……)