js数组的操作

封面图 • 2026-01-11 • JavaScript

JavaScript 中的数组（Array）是常用的数据结构，用于存储多个值。下面是一些常见的 JavaScript 数组操作和方法，包括增删改查、遍历、排序等。

---

## 一、数组的基本操作

### 1. 创建数组
```javascript
let arr = [1, 2, 3];
let arr2 = new Array(1, 2, 3);
```

### 2. 访问元素
```javascript
console.log(arr[0]); // 输出 1
```

### 3. 修改元素
```javascript
arr[0] = 10; // 修改第一个元素
```

---

## 二、数组的增删操作

### 1. 添加元素
- `push()`：在末尾添加元素
  ```javascript
  arr.push(4); // [1, 2, 3, 4]
  ```

- `unshift()`：在开头添加元素
  ```javascript
  arr.unshift(0); // [0, 1, 2, 3]
  ```

- `splice(index, 0, element)`：在指定位置插入元素
  ```javascript
  arr.splice(1, 0, 'a'); // [1, 'a', 2, 3]
  ```

---

### 2. 删除元素
- `pop()`：删除最后一个元素
  ```javascript
  let last = arr.pop(); // 返回被删除的元素
  ```

- `shift()`：删除第一个元素
  ```javascript
  let first = arr.shift();
  ```

- `splice(index, 1)`：删除指定位置的元素
  ```javascript
  arr.splice(1, 1); // 删除索引为 1 的元素
  ```

---

## 三、数组的遍历

### 1. for 循环
```javascript
for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}
```

### 2. for...of 循环
```javascript
for (let item of arr) {
  console.log(item);
}
```

### 3. forEach()
```javascript
arr.forEach(function(item, index) {
  console.log(`索引: ${index}, 值: ${item}`);
});
```

---

## 四、数组的查找与筛选

### 1. indexOf()
```javascript
let index = arr.indexOf(2); // 返回 1
```

### 2. includes()
```javascript
let hasTwo = arr.includes(2); // true
```

### 3. find()
```javascript
let found = arr.find(item => item > 2); // 找到第一个大于 2 的元素
```

### 4. filter()
```javascript
let filtered = arr.filter(item => item > 2); // 返回所有大于 2 的元素
```

---

## 五、数组的排序与转换

### 1. sort()
```javascript
arr.sort(); // 按字符串顺序排序
arr.sort((a, b) => a - b); // 按数字升序排序
```

### 2. reverse()
```javascript
arr.reverse(); // 反转数组
```

### 3. join()
```javascript
let str = arr.join(', '); // "1, 2, 3"
```

### 4. map()
```javascript
let newArr = arr.map(item => item * 2); // [2, 4, 6]
```

### 5. reduce()
```javascript
let sum = arr.reduce((acc, curr) => acc + curr, 0); // 求和
```

---

## 六、数组的其他常用方法

| 方法 | 功能 |
|------|------|
| `slice(start, end)` | 截取数组的一部分 |
| `concat(...arrays)` | 合并多个数组 |
| `some()` | 判断是否有元素满足条件 |
| `every()` | 判断是否所有元素都满足条件 |
| `findIndex()` | 查找元素的索引 |
| `fill(value, start, end)` | 填充数组 |

---

## 示例代码

```javascript
let arr = [1, 2, 3, 4];

// 添加元素
arr.push(5);
arr.unshift(0);

// 删除元素
arr.pop();
arr.shift();

// 查找
console.log(arr.indexOf(3)); // 2

// 遍历
arr.forEach(item => console.log(item));

// 排序
arr.sort((a, b) => a - b);

// 转换
let str = arr.join('-');
```

---

如果你有具体的使用场景或问题（比如“如何删除数组中某个特定元素”、“如何合并两个数组”等），可以告诉我，我可以给出更详细的解答！