数组处理方法总结：改变与不改变原数组

最近在写项目处理数组对象的时候，有时候会思考如何快速简洁的实现数据的处理，但在使用的时候，会误解一些不常用的数组方法的意思，导致数据处理结果不对，然后就总结了一份常用的数组处理方法
改变原数组的方法: push()、pop()、shift()、unshift()、splice()、reverse()、sort()、copyWithin()、fill()。
不改变原数组的方法: concat()、slice()、map()、filter()、reduce()、reduceRight()、join()、includes()、indexOf()、find()、findIndex()、every()、some()。

一、改变原数组的方法

push()： 向数组末尾添加一个或多个元素。

let arr = [1, 2, 3];
arr.push(4); // [1, 2, 3, 4]

pop(): 移除数组末尾的元素，并返回该元素。

let arr = [1, 2, 3];
arr.pop(); // 返回 3, arr 变成 [1, 2]

shift(): 移除数组的第一个元素，并返回该元素。

let arr = [1, 2, 3];
arr.shift(); // 返回 1, arr 变成 [2, 3]

unshift(): 向数组的开头添加一个或多个元素，并返回新的长度。

let arr = [1, 2, 3];
arr.unshift(0); // 返回 4, arr 变成 [0, 1, 2, 3]

splice(): 从数组中删除、替换或添加元素，直接修改原数组。

let arr = [1, 2, 3, 4];
arr.splice(1, 2, 10); // 删除 1 个元素并插入 10, arr 变成 [1, 10, 4]

reverse(): 颠倒数组的顺序。

let arr = [1, 2, 3];
arr.reverse(); // [3, 2, 1]

sort(): 对数组进行排序，默认按字母顺序。可以传入比较函数。

let arr = [3, 1, 2];
arr.sort(); // [1, 2, 3]

copyWithin(): 在当前数组中，复制数组的一部分到另一个位置（会改变原数组）。

let arr = [1, 2, 3, 4, 5];
arr.copyWithin(0, 3); // [4, 5, 3, 4, 5]

fill(): 用指定值填充数组中的部分或所有元素。

let arr = [1, 2, 3];
arr.fill(0); // [0, 0, 0]

二、不改变原数组的方法

concat(): 合并两个或多个数组，返回一个新数组。

let arr1 = [1, 2];
let arr2 = [3, 4];
let newArr = arr1.concat(arr2); // [1, 2, 3, 4]

slice(): 返回数组的一个浅拷贝，指定起始和结束位置（不包括结束位置）。

let arr = [1, 2, 3, 4];
let newArr = arr.slice(1, 3); // [2, 3]

map(): 通过对数组中的每个元素执行一个函数，返回一个新数组。

let arr = [1, 2, 3];
let newArr = arr.map(x => x * 2); // [2, 4, 6]

filter(): 创建一个新数组，包含通过测试的所有元素。

let arr = [1, 2, 3, 4];
let newArr = arr.filter(x => x > 2); // [3, 4]

reduce(): 对数组的每个元素执行累加器函数，最终返回一个值。

let arr = [1, 2, 3];
let sum = arr.reduce((acc, curr) => acc + curr, 0); // 6

reduceRight(): 类似于 reduce()，但从右到左执行。

let arr = [1, 2, 3];
let sum = arr.reduceRight((acc, curr) => acc + curr, 0); // 6

join(): 将数组中的所有元素连接成一个字符串。

let arr = [1, 2, 3];
let str = arr.join("-"); // "1-2-3"

includes(): 检查数组是否包含某个值，返回布尔值。

let arr = [1, 2, 3];
arr.includes(2); // true

indexOf(): 返回数组中首次出现指定值的索引，如果未找到则返回 -1。

let arr = [1, 2, 3];
arr.indexOf(2); // 1

find(): 返回数组中第一个通过测试的元素。

let arr = [1, 2, 3];
let found = arr.find(x => x > 1); // 2

findIndex(): 返回数组中第一个通过测试的元素的索引。

let arr = [1, 2, 3];
let index = arr.findIndex(x => x > 1); // 1

every(): 检查数组中的每个元素是否都通过测试，返回布尔值。

let arr = [1, 2, 3];
arr.every(x => x > 0); // true

some(): 检查数组中是否至少有一个元素通过测试，返回布尔值。

let arr = [1, 2, 3];
arr.some(x => x > 2); // true