js 数组常用方法

// js 数组常用方法

// 1. push() - 向数组的末尾添加一个或多个元素，并返回新的长度
let arr = [1, 2, 3];
arr.push(4); // arr 现在是 [1, 2, 3, 4]

// 2. pop() - 删除并返回数组的最后一个元素
arr.pop(); // 返回 4，arr 现在是 [1, 2, 3]

// 3. shift() - 删除并返回数组的第一个元素
arr.shift(); // 返回 1，arr 现在是 [2, 3]

// 4. unshift() - 向数组的开头添加一个或多个元素，并返回新的长度
arr.unshift(1); // arr 现在是 [1, 2, 3]

// 5. splice() - 可以添加/删除数组中的元素，返回被删除的元素
arr.splice(1, 1); // 删除索引为 1 的元素 (2)，arr 现在是 [1, 3]

// 6. slice() - 提取数组的一部分并返回一个新的数组，不影响原数组
let newArr = arr.slice(0, 1); // newArr 是 [1]，arr 仍然是 [1, 3]

// 7. concat() - 合并两个或多个数组，并返回结果数组
let combinedArr = arr.concat([4, 5]); // combinedArr 是 [1, 3, 4, 5]

// 8. join() - 将数组的所有元素连接成一个字符串，并返回这个字符串
let str = arr.join('-'); // str 是 "1-3"

// 9. map() - 创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后的返回值
let doubled = arr.map(x => x * 2); // doubled 是 [2, 6]

// 10. filter() - 创建一个新数组，其中包含通过测试的所有元素
let filtered = arr.filter(x => x > 2); // filtered 是 [3]

// 11. reduce() - 对数组中的每个元素执行一个 reducer 函数（用上一次调用的结果作为回调函数的参数），最后返回一个总和
let sum = arr.reduce((acc, curr) => acc + curr, 0); // sum 是 4

// 12. forEach() - 对数组的每个元素执行一次提供的函数，没有返回值
arr.forEach(x => console.log(x)); // 输出 1 和 3

// 13. find() - 返回数组中满足提供的测试函数的第一个元素的值，否则返回 undefined
let found = arr.find(x => x === 3); // found 是 3

// 14. includes() - 判断数组是否包含某个值，返回布尔值
let hasThree = arr.includes(3); // true