Javscript数组的常用方法有哪些？-JavaScript面试指南

当前位置:　首页>> 技术小册>> JavaScript面试指南

JavaScript数组是一种用于存储多个数据的有序集合，其中每个数据项称为一个元素。在JavaScript中，数组提供了许多有用的方法，可以用于对数组进行操作、处理和遍历。

下面是一些常用的JavaScript数组方法及其示例：

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

```
let arr = [1, 2, 3];
arr.push(4);
console.log(arr); // [1, 2, 3, 4]
```
**2. pop()**
pop()方法从数组的末尾删除一个元素，并返回被删除的元素。例如：

```
let arr = [1, 2, 3];
let deletedElement = arr.pop();
console.log(arr); // [1, 2]
console.log(deletedElement); // 3
```
**3. shift()**
shift()方法从数组的开头删除一个元素，并返回被删除的元素。例如：

```
let arr = [1, 2, 3];
let deletedElement = arr.shift();
console.log(arr); // [2, 3]
console.log(deletedElement); // 1
```
**4. unshift()**
unshift()方法向数组的开头添加一个或多个元素，并返回新的数组长度。例如：

```
let arr = [1, 2, 3];
arr.unshift(0);
console.log(arr); // [0, 1, 2, 3]
```
**5. splice()**
splice()方法可以向数组中插入、删除或替换元素，其语法如下：

```
array.splice(start, deleteCount, item1, item2, ...)
```
其中，start参数是需要删除或替换元素的起始位置，deleteCount参数是要删除的元素数量，可以省略。item1, item2等参数是要插入的元素，可以省略。例如：

```
let arr = [1, 2, 3, 4, 5];
arr.splice(2, 2, 'a', 'b');
console.log(arr); // [1, 2, 'a', 'b', 5]
```
**6. slice()**
slice()方法返回一个从原数组中指定开始下标到结束下标（不包含结束下标）之间的新数组。例如：

```
let arr = [1, 2, 3, 4, 5];
let newArr = arr.slice(1, 3);
console.log(newArr); // [2, 3]
```
**7. concat()**
concat()方法用于合并两个或多个数组，不会修改原数组，而是返回一个新的数组。例如：

```
let arr1 = [1, 2];
let arr2 = [3, 4];
let newArr = arr1.concat(arr2);
console.log(newArr); // [1, 2, 3, 4]
```

**8. join()**
join()方法将数组中所有元素转换为字符串，并用指定的分隔符连接起来。例如：

```
let arr = [1, 2, 3];
let str = arr.join('-');
console.log(str); // '1-2-3'
```
**9. indexOf()**
indexOf()方法返回指定元素在数组中第一次出现的位置，如果没有找到则返回-1。例如：

```
let arr = [1, 2, 3, 2];
let index = arr.indexOf(2);
console.log(index); // 1
```
**10. lastIndexOf()**
lastIndexOf()方法返回指定元素在数组中最后一次出现的位置，如果没有找到则返回-1。例如：

```
let arr = [1, 2, 3, 2];
let index = arr.lastIndexOf(2);
console.log(index); // 3
```
**11. forEach()**
forEach()方法对数组中的每个元素执行一次指定的函数。例如：

```
let arr = [1, 2, 3];
arr.forEach(function(element) {
  console.log(element);
});
// 1
// 2
// 3
```
**12. map()**
map()方法对数组中的每个元素执行一次指定的函数，并返回一个新的数组。例如：

```
let arr = [1, 2, 3];
let newArr = arr.map(function(element) {
  return element * 2;
});
console.log(newArr); // [2, 4, 6]
```
**13. filter()**
filter()方法返回一个由数组中满足条件的所有元素组成的新数组。例如：

```
let arr = [1, 2, 3, 4, 5];
let newArr = arr.filter(function(element) {
  return element % 2 === 0;
});
console.log(newArr); // [2, 4]
```
**14. reduce()**
reduce()方法对数组中的所有元素执行指定的函数，并返回一个累加的结果值。例如：

```
let arr = [1, 2, 3, 4];
let sum = arr.reduce(function(total, element) {
  return total + element;
}, 0);
console.log(sum); // 10
```
以上这些方法只是JavaScript数组方法的一小部分，JavaScript还提供了许多其他有用的方法，可以根据需求选择使用。