常见的数组操作方法

常见的数组操作方法

1. push()

在数组的末尾添加一个或多个元素，并返回新数组的长度。

let arr = [1, 2, 3];
let newLength = arr.push(4, 5);
console.log(arr); // 输出: [1, 2, 3, 4, 5]
console.log(newLength); // 输出: 5

2. unshift()

在数组的开头添加一个或多个元素，并返回新数组的长度。

let arr = [1, 2, 3];
let newLength = arr.unshift(0);
console.log(arr); // 输出: [0, 1, 2, 3]
console.log(newLength); // 输出: 4

3. pop()

移除数组的最后一个元素，并返回该元素的值。

let arr = [1, 2, 3];
let lastElement = arr.pop();
console.log(arr); // 输出: [1, 2]
console.log(lastElement); // 输出: 3

4. shift()

移除数组的第一个元素，并返回该元素的值。

let arr = [1, 2, 3];
let firstElement = arr.shift();
console.log(arr); // 输出: [2, 3]
console.log(firstElement); // 输出: 1

5. sort()

对数组进行排序，默认是按照字母顺序排序。可以传入一个比较函数来指定排序规则。

let arr = [3, 1, 4, 1, 5, 9];
arr.sort();
console.log(arr); // 输出: [1, 1, 3, 4, 5, 9]

let arr2 = [3, 1, 4, 1, 5, 9];
arr2.sort((a, b) => a - b);
console.log(arr2); // 输出: [1, 1, 3, 4, 5, 9]

6. splice()

用于增加、删除或替换数组中的元素，会改变原数组，返回删除的元素。

删除元素

let arr = [1, 2, 3, 4, 5];
let removed = arr.splice(1, 2);
console.log(arr); // 输出: [1, 4, 5]
console.log(removed); // 输出: [2, 3]

插入元素

let arr = [1, 2, 3, 4, 5];
arr.splice(2, 0, 'a', 'b');
console.log(arr); // 输出: [1, 2, 'a', 'b', 3, 4, 5]

替换元素

let arr = [1, 2, 3, 4, 5];
let replaced = arr.splice(2, 2, 'a', 'b');
console.log(arr); // 输出: [1, 2, 'a', 'b', 5]
console.log(replaced); // 输出: [3, 4]

7. slice()

返回一个新数组，包含从指定开始到结束（不包括结束）的数组元素。

提取指定范围的元素

const originalArray = [1, 2, 3, 4, 5];
const newArray = originalArray.slice(1, 4);
console.log(newArray); // 输出: [2, 3, 4]

复制整个数组

const originalArray = [1, 2, 3, 4, 5];
const newArray = originalArray.slice();
console.log(newArray); // 输出: [1, 2, 3, 4, 5]

从下标为3开始截取到数组的末尾

const originalArray = [1, 2, 3, 4, 5];
const newArray = originalArray.slice(3);
console.log(newArray); // 输出: [4, 5]

从数组最后一个开始截取到倒数第三个

const originalArray = [1, 2, 3, 4, 5];
const newArray = originalArray.slice(-3);
console.log(newArray); // 输出: [3, 4, 5]

8. reverse()

颠倒数组中元素的顺序。

let arr = [1, 2, 3, 4, 5];
arr.reverse();
console.log(arr); // 输出: [5, 4, 3, 2, 1]

9. concat()

连接两个或多个数组，并返回一个新数组。

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let newArr = arr1.concat(arr2);
console.log(newArr); // 输出: [1, 2, 3, 4, 5, 6]

10. join()

将数组中所有元素连接成一个字符串。可以传入一个字符串参数作为连接符。

let arr = [1, 2, 3];
let str = arr.join('-');
console.log(str); // 输出: "1-2-3"

11. map()

对数组中的每个元素调用提供的函数，并使用函数的返回值创建一个新数组。

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

12. filter()

使用提供的函数测试所有元素，并创建一个包含所有通过测试的元素的新数组。

let arr = [1, 2, 3, 4, 5];
let newArr = arr.filter(x => x % 2 === 0);
console.log(newArr); // 输出: [2, 4]

13. every()

检查数组中的每个元素是否满足指定条件，如果所有元素都满足条件则返回 true，否则返回 false。

let arr = [2, 4, 6];
let allEven = arr.every(x => x % 2 === 0);
console.log(allEven); // 输出: true

14. some()

检查数组中的是否至少一个元素满足指定条件，如果有任一元素满足条件则返回 true，否则返回 false。

let arr = [1, 2, 3];
let hasEven = arr.some(x => x % 2 === 0);
console.log(hasEven); // 输出: true

15. reduce()

对数组中的每个元素执行提供的函数，将其结果汇总为单个值。

数组求和

let arr = [1, 2, 3, 4, 5];
let sum = arr.reduce((total, num) => total + num, 0);
console.log(sum); // 输出: 15

16. isArray()

检查给定的值是否是一个数组，返回一个布尔值。

let arr = [1, 2, 3];
let isArray = Array.isArray(arr);
console.log(isArray); // 输出: true

17. findIndex()

返回数组中满足提供的测试函数的第一个元素的索引，如果没有找到匹配的元素则返回 -1。

let arr = [1, 2, 3, 4, 5];
let index = arr.findIndex(x => x === 3);
console.log(index); // 输出: 2

改变原数组的方法

这些方法会改变原数组：push(), pop(), unshift(), shift(), sort(), reverse(), splice()。