JS中操作数组的方法（涵盖ES6）

一、常用的 JavaScript 操作数组的方法

1.push() 和 pop()：在数组末尾添加或删除元素。

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

2.shift() 和 unshift()：在数组头部删除或添加元素。

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

3.splice()：在任意位置添加或删除元素。如果删除一个元素，则返回一个元素的数组。 如果未删除任何元素，则返回空数组。(改变原始数组)

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

4.slice()：截取数组的一部分

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

5.concat()：串联多个数组。

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

6.filter()：根据条件过滤数组。

let arr = [1, 2, 3, 4, 5];
let evenArr = arr.filter((num) => num % 2 === 0); // [2, 4]

7.map()：根据条件映射数组（返回一个新数组）。

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

8.reduce()：将数组缩减为单个值（数组求和）。

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

9.find()：返回满足条件的第一个数组元素。

let arr = [1, 2, 3];
let firstEven = arr.find((num) => num % 2 === 0); // 2

10.findIndex()：返回满足条件的第一个数组元素的索引。

let arr = [1, 2, 3];
let firstEvenIndex = arr.findIndex((num) => num % 2 === 0); // 1

11.some() 和 every()：判断数组中是否有满足指定条件的元素。

let arr = [1, 2, 3];
let hasEven = arr.some((num) => num % 2 === 0); // true
let allEven = arr.every((num) => num % 2 === 0); // false

12.includes()：检查数组中是否包含特定元素（用于引用对象）。

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

13.flat()：将嵌套数组拍平为一维数组。

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

14.fill()：用指定值填充数组。

let arr = new Array(3).fill(0); // [0, 0, 0]

15.sort()：按照某个规则排序数组。

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

var points = [40,100,1,5,25,10];
points.sort(function(a,b){return a-b}); // 1,5,10,25,40,100

var points = [40,100,1,5,25,10];
points.sort(function(a,b){return b-a}); // 100,40,25,10,5,1

16.entries()、keys() 和 values()：遍历数组并返回一个迭代器对象，分别包括数组的键、键名和值。

let arr = ["a", "b", "c"];
for (let [index, item] of arr.entries()) {
  console.log(index, item); // 0 'a' 1 'b' 2 'c'
}

17. from()：将类数组对象或可迭代对象转化为数组。

let str = "abc";
let arr = Array.from(str); // ['a', 'b', 'c']

18.Array.of()：创建由任意数量参数组成的数组。

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

19.copyWithin()：在数组内部进行元素替换。

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

复制数组的前面两个元素到第三和第四个位置上：
var fruits = ["Banana", "Orange", "Apple", "Mango", "Kiwi", "Papaya"];
fruits.copyWithin(2, 0, 2); //Banana,Orange,Banana,Orange,Kiwi,Papaya


复制数组的前面两个元素到后面两个元素上：
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.copyWithin(2, 0); //Banana,Orange,Banana,Orange

20.Symbol.species：可以通过 Symbol.species 改变数组方法的返回类型。

class MyArray extends Array {
  static get [Symbol.species]() {
    return Array;
  }
}
let arr = new MyArray(1, 2, 3);
let newArr = arr.map((num) => num * 2);
console.log(newArr instanceof MyArray); // false
console.log(newArr instanceof Array); // true

21.reduceRight()：类似于 reduce()，但是从右到左迭代。

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

22.flatMap()：类似于 map()，但是可以将嵌套的数组拍平后再进行映射。

let arr = ["hello world", "i am learning javascript"];
let words = arr.flatMap((str) => str.split(" ")); // ["hello", "world", "i", "am", "learning", "javascript"]

23.everyNth()：返回数组中每个第 n 个元素。

let arr = [1, 2, 3, 4, 5];
function everyNth(arr, nth) {
  return arr.filter((val, index) => index % nth === nth - 1);
}
let result = everyNth(arr, 2); // [2, 4]

24.zip()：将多个数组转化为一个数组，其中第 i 个元素包括所有数组的第 i 个元素。

function zip(...arrays) {
  return [...arrays].reduce((acc, arr) => {
    return arr.map((val, i) => (acc[i] || []).concat(val));
  }, []);
}
let arr1 = [1, 2, 3];
let arr2 = ["a", "b", "c"];
let arr3 = [true, false, true];
let zipped = zip(arr1, arr2, arr3); // [[1, 'a', true], [2, 'b', false], [3, 'c', true]]