js数组的常用方法(10种)

JavaScript是一种强大的编程语言，它的数组是其中的重要组成部分。JS数组有很多方法，下面将介绍最常用的10种方法。

1. push/pop

push()方法将一个元素添加到数组的末尾，返回数组的新长度；而pop()方法则将数组的最后一个元素移除，并将其返回。下面是这两个方法的语法：

```javascript

arr.push(element); //将element添加到arr的末尾，返回新的数组长度

arr.pop(); //移除arr的最后一个元素，并返回这个元素

```

实际使用时，我们可以这样：

```javascript

let arr = ["apple", "banana", "cherry"];

arr.push("date"); //返回4，添加了一个“date”元素

arr.pop(); //返回“date”，移除了它

```

2. shift/unshift

shift()方法将数组的第一个元素移除，并返回这个元素；而unshift()方法将一个元素添加到数组的开头，返回数组的新长度。下面是这两个方法的语法：

```javascript

arr.shift(); //移除arr的第一个元素，并返回这个元素

arr.unshift(element);//将element添加到arr的开头，返回新的数组长度

```

实际使用时，我们可以这样：

```javascript

let arr = ["apple", "banana", "cherry"];

arr.shift(); //返回“apple”，移除了它

arr.unshift("date");//返回4，添加了一个“date”元素

```

3. slice

slice()方法返回一个从开始到结束（不包括结束）选择的数组的浅拷贝副本，而不修改原数组。该方法的起始和结束位置可以是负值，表示相对于数组末尾的偏移量。下面是该方法的语法：

```javascript

arr.slice(start, end);

```

实际使用时，我们可以这样：

```javascript

let arr = ["apple", "banana", "cherry", "date", "elderberry"];

let newArr = arr.slice(1, 3); //返回["banana", "cherry"]

```

4. splice

splice()方法向/从数组中添加/删除项目，然后返回被删除的项目。该方法第一个参数是添加/删除的起始位置，第二个参数是需要删除的元素个数。第三个以后的参数是要添加到数组中的元素。下面是该方法的语法：

```javascript

arr.splice(index, howmany, item1, ....., itemX);

```

实际使用时，我们可以这样：

```javascript

let arr = ["apple", "banana", "cherry", "date", "elderberry"];

arr.splice(2, 1); //返回["cherry"]，从index=2的位置删除1个元素（"cherry"）

arr.splice(3, 0, "fig", "grape"); //返回[]，从index=3的位置开始添加"fig"和"grape"元素

```

5. forEach

forEach()方法用于对数组中的每个元素执行一次函数。该方法的语法如下：

```javascript

arr.forEach(function(currentValue, index, array) {

//函数体

});

```

实际使用时，我们可以这样：

```javascript

let arr = ["apple", "banana", "cherry"];

arr.forEach(function(item, index, arr) {

console.log(index + ": " + item);

});

//输出：

//0: apple

//1: banana

//2: cherry

```

6. map

map()方法创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。该方法的语法如下：

```javascript

let newArr = arr.map(function(currentValue, index, array) {

//函数体

});

```

实际使用时，我们可以这样：

```javascript

let arr = ["apple", "banana", "cherry"];

let newArr = arr.map(function(item, index, arr) {

return item + " " + index;

});

//newArr数组为["apple 0", "banana 1", "cherry 2"]

```

7. filter

filter()方法创建一个新数组，其中包含测试函数返回true的所有元素。该方法的语法如下：

```javascript

let newArr = arr.filter(function(currentValue, index, array) {

//函数体，返回true/false

});

```

实际使用时，我们可以这样：

```javascript

let arr = [3, 10, 15, 20, 25];

let newArr = arr.filter(function(item, index, arr) {

return item > 15;

});

//newArr数组为[20, 25]

```

8. reduce

reduce()方法用于在数组逐个元素上调用一个处理函数，以便将其减少为一个单独的值。该方法的语法如下：

```javascript

arr.reduce(function(total, currentValue, currentIndex, arr) {

//函数体，返回一个值累积到总和中

}, initialValue);

```

实际使用时，我们可以这样：

```javascript

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

let sum = arr.reduce(function(total, item, index, arr) {

return total + item;

}, 0);

//sum的值为15

```

9. indexOf/lastIndexOf

indexOf()和lastIndexOf()分别用于在数组中查找指定元素的第一个/最后一个索引。如果没有找到指定元素，则返回-1。两个方法的语法如下：

```javascript

arr.indexOf(searchElement, fromIndex);

arr.lastIndexOf(searchElement, fromIndex);

```

实际使用时，我们可以这样：

```javascript

let arr = ["apple", "banana", "cherry", "apple", "date"];

let index = arr.indexOf("apple", 1); //从index=1开始查找，返回第一个"apple"的索引（3）

let lastIndex = arr.lastIndexOf("apple"); //返回最后一个"apple"的索引（3）

```

10. join

join()方法将数组中所有元素连接成一个字符串，默认用逗号分隔。可以将其它分隔符以参数形式传递。该方法的语法如下：

```javascript

arr.join(separator);

```

实际使用时，我们可以这样：

```javascript

let arr = ["apple", "banana", "cherry", "date", "elderberry"];

let str = arr.join(", "); //返回"apple, banana, cherry, date, elderberry"

```

以上是JS数组的常用方法。使用这些方法可以大大提高编程效率和代码可读性。 如果你喜欢我们三七知识分享网站的文章， 欢迎您分享或收藏知识分享网站文章 欢迎您到我们的网站逛逛喔！https://www.ynyuzhu.com/