JavaScript 数组方法详解

1. push()

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

语法

array.push(element1, ..., elementN)

示例代码

const fruits = ['apple', 'banana'];
const newLength = fruits.push('orange');

console.log(fruits); // ["apple", "banana", "orange"]
console.log(newLength); // 3

2. pop()

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

语法

array.pop()

示例代码

const fruits = ['apple', 'banana', 'orange'];
const lastFruit = fruits.pop();

console.log(fruits); // ["apple", "banana"]
console.log(lastFruit); // "orange"

3. shift()

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

语法

array.shift()

示例代码

const fruits = ['apple', 'banana', 'orange'];
const firstFruit = fruits.shift();

console.log(fruits); // ["banana", "orange"]
console.log(firstFruit); // "apple"

4. unshift()

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

语法

array.unshift(element1, ..., elementN)

示例代码

const fruits = ['banana', 'orange'];
const newLength = fruits.unshift('apple', 'kiwi');

console.log(fruits); // ["apple", "kiwi", "banana", "orange"]
console.log(newLength); // 4

5. concat()

将两个或多个数组合并成一个新数组。

语法

array.concat(array1, array2, ..., arrayN)

示例代码

const arr1 = ['a', 'b', 'c'];
const arr2 = ['d', 'e', 'f'];
const arr3 = ['g', 'h'];

const newArr = arr1.concat(arr2, arr3);

console.log(newArr); // ["a", "b", "c", "d", "e", "f", "g", "h"]

6. slice()

返回一个从指定起始索引位置开始，到指定结束索引位置结束的新数组。

语法

array.slice(start, end)

示例代码

const fruits = ['apple', 'banana', 'orange', 'kiwi', 'grape'];
const citrusFruits = fruits.slice(1, 4);

console.log(citrusFruits); // ["banana", "orange", "kiwi"]

7. splice()

向/从数组中添加/删除项目，然后返回被删除的项目。

语法

array.splice(start, deleteCount, item1, item2, ..., itemN)

示例代码

const fruits = ['apple', 'banana', 'orange', 'kiwi', 'grape'];
const removedItems = fruits.splice(1, 2, 'lemon', 'pear');

console.log(fruits); // ["apple", "lemon", "pear", "kiwi", "grape"]
console.log(removedItems); // ["banana", "orange"]

8. forEach()

对数组中的每个元素执行一次提供的函数。

语法

array.forEach(function(currentValue, index, array) {
// code block to be executed
});

示例代码

const numbers = [1, 2, 3, 4, 5];
numbers.forEach(function(number) {
    console.log(number * 2);
});
// Output: 2, 4, 6, 8, 10

9. map()

创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。

语法

array.map(function(currentValue, index, array) {
return element
});

示例代码

const numbers = [1, 2, 3, 4, 5];
const doubledNumbers = numbers.map(function(number) {
    return number * 2;
});

console.log(doubledNumbers); // [2, 4, 6, 8, 10]

10. filter()

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

语法

array.filter(function(currentValue, index, array) {
return element
});

示例代码

const numbers = [1, 2, 3, 4, 5];
const evenNumbers = numbers.filter(function(number) {
    return number % 2 === 0;
});

console.log(evenNumbers); // [2, 4]

11. reduce()

对数组中的所有元素执行一个提供的函数，并将其结果累加到单个返回值中。

语法

array.reduce(function(total, currentValue, currentIndex, array) {
return element
}, initialValue);

示例代码

const numbers = [1, 2, 3, 4, 5];
const sum = numbers.reduce(function(total, number) {
    return total + number;
}, 0);

console.log(sum); // 15

以上是 JavaScript 数组的一些常用方法，希望对你有所帮助。