JavaScript 数组方法：全面指南247

JavaScript 数组提供了广泛的方法，用于操作和管理数组中的元素。这些方法可以极大地简化与数组相关任务，并提高代码的可读性和可维护性。## 基础方法


length

`length` 属性返回数组中的元素数量。它不仅是一个属性，也是一个方法，可以使用它来修改数组的长度。缩短数组长度将删除多余的元素，而增加长度将创建具有 `undefined` 值的新元素。```javascript
const arr = [1, 2, 3];
(); // 3
= 2;
(arr); // [1, 2]
```


push

`push` 方法将一个或多个元素添加到数组的末尾。它返回修改后的数组的新长度。```javascript
const arr = [1, 2];
(3, 4);
(arr); // [1, 2, 3, 4]
```


pop

`pop` 方法从数组的末尾移除最后一个元素。它返回被移除的元素，并修改原始数组。```javascript
const arr = [1, 2, 3];
const lastElement = ();
(arr); // [1, 2]
(lastElement); // 3
```


shift

`shift` 方法从数组的开头移除第一个元素。与 `pop` 类似，它返回被移除的元素并修改原始数组。```javascript
const arr = [1, 2, 3];
const firstElement = ();
(arr); // [2, 3]
(firstElement); // 1
```


unshift

`unshift` 方法将一个或多个元素添加到数组的开头。它返回修改后的数组的新长度。```javascript
const arr = [1, 2, 3];
(0);
(arr); // [0, 1, 2, 3]
```
## 迭代方法


forEach

`forEach` 方法对数组中的每个元素执行一个函数。它不会修改原始数组，返回 `undefined`。```javascript
const arr = [1, 2, 3];
((element) => (element));
// 输出：
// 1
// 2
// 3
```


map

`map` 方法将数组中的每个元素转换为新数组中的一个新元素。它返回一个新数组，而不修改原始数组。```javascript
const arr = [1, 2, 3];
const newArr = ((element) => element * 2);
(newArr); // [2, 4, 6]
```


filter

`filter` 方法创建包含满足指定条件的元素的新数组。它返回一个新数组，而不修改原始数组。```javascript
const arr = [1, 2, 3, 4, 5];
const evenArr = ((element) => element % 2 === 0);
(evenArr); // [2, 4]
```


find

`find` 方法返回数组中第一个符合指定条件的元素。如果找不到满足条件的元素，则返回 `undefined`。```javascript
const arr = [1, 2, 3, 4, 5];
const foundElement = ((element) => element === 3);
(foundElement); // 3
```


findIndex

`findIndex` 方法返回数组中第一个符合指定条件的元素的索引。如果找不到满足条件的元素，则返回 `-1`。```javascript
const arr = [1, 2, 3, 4, 5];
const foundIndex = ((element) => element === 3);
(foundIndex); // 2
```
## 排序方法


sort

`sort` 方法对数组中的元素进行排序。默认情况下，它是按 Unicode 代码点顺序升序排序的。可以提供一个比较函数来自定义排序。```javascript
const arr = [1, 3, 2, 5, 4];
();
(arr); // [1, 2, 3, 4, 5]
((a, b) => b - a);
(arr); // [5, 4, 3, 2, 1]
```


reverse

`reverse` 方法反转数组中的元素顺序。```javascript
const arr = [1, 2, 3, 4, 5];
();
(arr); // [5, 4, 3, 2, 1]
```
## 连接方法


concat

`concat` 方法将一个或多个数组连接到现有数组。它返回一个新数组，而不修改原始数组。```javascript
const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const newArr = (arr2);
(newArr); // [1, 2, 3, 4, 5, 6]
```


slice

`slice` 方法从数组中提取一个子数组。它接受两个参数：开始索引和结束索引（不包括）。```javascript
const arr = [1, 2, 3, 4, 5];
const subArr = (1, 3);
(subArr); // [2, 3]
```
## 其他有用方法


join

`join` 方法将数组中的元素连接成一个字符串。默认情况下，使用逗号分隔元素，但可以通过提供一个分隔符参数来覆盖它。```javascript
const arr = [1, 2, 3, 4, 5];
const str = ("-");
(str); // "1-2-3-4-5"
```


includes

`includes` 方法检查数组是否包含一个给定的元素。它返回一个布尔值，表示该元素是否存在。```javascript
const arr = [1, 2, 3, 4, 5];
const isIncluded = (3);
(isIncluded); // true
```


indexOf

`indexOf` 方法返回数组中第一次出现指定元素的索引。如果找不到该元素，则返回 `-1`。```javascript
const arr = [1, 2, 3, 4, 5];
const index = (3);
(index); // 2
```


lastIndexOf

`lastIndexOf` 方法返回数组中最后一次出现指定元素的索引。如果找不到该元素，则返回 `-1`。```javascript
const arr = [1, 2, 3, 4, 5, 3];
const index = (3);
(index); // 5
```

2024-12-02

上一篇：javascript函数式编程

下一篇：JavaScript 思维导图：全面掌握 JavaScript 的核心概念