JavaScript中数组的常用方法有哪些？

在 JavaScript 中，数组是一种非常常用的数据结构，它可以存储多个值，并提供了一系列方便的方法来操作这些值。以下是 JavaScript 中数组的常用方法：

1. `push()`：向数组的末尾添加一个或多个元素，并返回新数组的长度。例如：

```javascript

let fruits = ['apple', 'banana'];

let length = fruits.push('orange');

console.log(fruits); // 输出: ['apple', 'banana', 'orange']

console.log(length); // 输出: 3

```

2. `pop()`：从数组的末尾删除一个元素，并返回被删除的元素。如果数组为空，则返回 `undefined`。例如：

```javascript

let fruits = ['apple', 'banana', 'orange'];

let removed = fruits.pop();

console.log(fruits); // 输出: ['apple', 'banana']

console.log(removed); // 输出: 'orange'

```

3. `unshift()`：向数组的开头添加一个或多个元素，并返回新数组的长度。例如：

```javascript

let fruits = ['banana', 'orange'];

let length = fruits.unshift('apple');

console.log(fruits); // 输出: ['apple', 'banana', 'orange']

console.log(length); // 输出: 3

```

4. `shift()`：从数组的开头删除一个元素，并返回被删除的元素。如果数组为空，则返回 `undefined`。例如：

```javascript

let fruits = ['apple', 'banana', 'orange'];

let removed = fruits.shift();

console.log(fruits); // 输出: ['banana', 'orange']

console.log(removed); // 输出: 'apple'

```

5. `splice()`：用于添加或删除数组中的元素。它可以接受三个参数：起始位置、要删除的元素个数和要添加的元素。例如：

```javascript

let fruits = ['apple', 'banana', 'orange'];

fruits.splice(1, 1, 'kiwi');

console.log(fruits); // 输出: ['apple', 'kiwi', 'orange']

```

上述代码中，`splice(1, 1, 'kiwi')` 表示从索引 1 开始删除 1 个元素，然后在该位置插入 'kiwi'。

6. `concat()`：用于连接两个或多个数组。它不会修改原始数组，而是返回一个新的数组。例如：

```javascript

let fruits1 = ['apple', 'banana'];

let fruits2 = ['orange', 'grape'];

let combined = fruits1.concat(fruits2);

console.log(combined); // 输出: ['apple', 'banana', 'orange', 'grape']

```

7. `slice()`：用于提取数组的一部分，并返回一个新的数组。它接受两个参数：起始位置和结束位置（不包括结束位置的元素）。如果只提供一个参数，则从该位置开始提取到数组末尾。例如：

```javascript

let fruits = ['apple', 'banana', 'orange', 'grape'];

let sliced = fruits.slice(1, 3);

console.log(sliced); // 输出: ['banana', 'orange']

```

8. `indexOf()`：用于查找数组中指定元素的索引。如果找到元素，则返回其索引；如果未找到，则返回 `-1`。例如：

```javascript

let fruits = ['apple', 'banana', 'orange'];

let index = fruits.indexOf('banana');

console.log(index); // 输出: 1

```

9. `lastIndexOf()`：与 `indexOf()` 类似，用于查找数组中指定元素的最后一个索引。如果找到元素，则返回其索引；如果未找到，则返回 `-1`。例如：

```javascript

let fruits = ['apple', 'banana', 'orange', 'banana'];

let index = fruits.lastIndexOf('banana');

console.log(index); // 输出: 3

```

10. `forEach()`：用于遍历数组的每个元素，并对每个元素执行指定的函数。例如：

```javascript

let numbers = [1, 2, 3, 4, 5];

numbers.forEach(function (number) {

console.log(number * 2);

});

```

上述代码中，`forEach()` 遍历 `numbers` 数组的每个元素，并将每个元素乘以 2 后打印出来。

11. `map()`：用于创建一个新数组，其中每个元素都是原数组中对应元素经过指定函数处理后的结果。例如：

```javascript

let numbers = [1, 2, 3, 4, 5];

let doubled = numbers.map(function (number) {

return number * 2;

});

console.log(doubled); // 输出: [2, 4, 6, 8, 10]

```

12. `filter()`：用于创建一个新数组，其中包含原数组中满足指定条件的元素。例如：

```javascript

let numbers = [1, 2, 3, 4, 5];

let evenNumbers = numbers.filter(function (number) {

return number % 2 === 0;

});

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

```

13. `reduce()`：用于对数组的每个元素执行指定的函数，并将结果汇总为一个值。例如：

```javascript

let numbers = [1, 2, 3, 4, 5];

let sum = numbers.reduce(function (accumulator, currentValue) {

return accumulator + currentValue;

}, 0);

console.log(sum); // 输出: 15

```

上述代码中，`reduce()` 对 `numbers` 数组的每个元素进行累加，初始值为 0，最终返回累加结果 15。

这些是 JavaScript 中数组的常用方法，它们可以帮助你方便地操作和处理数组。根据具体的需求，选择合适的方法可以使代码更加简洁和高效。