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

JavaScript是一种非常强大的编程语言，它提供了许多操作数组的方法。本文将介绍JS数组的十种常用方法，并提供详细的说明和示例。

1. push():

push()方法用于向数组的末尾添加一个或多个元素，并返回修改后的数组的新长度。该方法会直接修改原数组。

示例：

```

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

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

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

console.log(length); // Output: 3

```

2. pop():

pop()方法用于从数组的末尾移除一个元素，并返回移除的元素。该方法会直接修改原数组。

示例：

```

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

let removed = fruits.pop();

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

console.log(removed); // Output: 'orange'

```

3. shift():

shift()方法用于从数组的开头移除一个元素，并返回移除的元素。该方法会直接修改原数组。

示例：

```

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

let shifted = fruits.shift();

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

console.log(shifted); // Output: 'apple'

```

4. unshift():

unshift()方法用于向数组的开头添加一个或多个元素，并返回修改后的数组的新长度。该方法会直接修改原数组。

示例：

```

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

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

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

console.log(length); // Output: 3

```

5. concat():

concat()方法用于将两个或多个数组合并成一个新数组，不会修改原数组。

示例：

```

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

let fruits2 = ['orange'];

let merged = fruits1.concat(fruits2);

console.log(merged); // Output: ['apple', 'banana', 'orange']

```

6. slice():

slice()方法用于提取数组的一部分，并返回一个新数组。该方法接受两个参数：起始位置和结束位置（不包含），如果省略则表示从起始位置到数组末尾。不会修改原数组。

示例：

```

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

let sliced1 = fruits.slice(1, 3); // 从索引1开始，到索引3之前

console.log(sliced1); // Output: ['banana', 'orange']

let sliced2 = fruits.slice(2); // 从索引2开始到数组末尾

console.log(sliced2); // Output: ['orange', 'grape']

```

7. splice():

splice()方法用于在指定位置插入、删除或替换元素，并返回被删除的元素组成的数组。该方法会直接修改原数组。接受参数为起始位置、删除数量（可选）和要插入的元素（可选）。

示例：

```

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

let removed = fruits.splice(1, 2, 'kiwi', 'watermelon');

console.log(fruits); // Output: ['apple', 'kiwi', 'watermelon', 'grape']

console.log(removed); // Output: ['banana', 'orange']

```

8. forEach():

forEach()方法用于对数组中的每个元素执行一次指定的函数。该方法会遍历数组，并为每个元素调用一次函数。

示例：

```

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

fruits.forEach(function(fruit) {

console.log(fruit);

});

// Output: 'apple'

// 'banana'

// 'orange'

```

9. map():

map()方法用于对数组中的每个元素执行一次指定的函数，并返回一个由函数返回值组成的新数组。不会修改原数组。

示例：

```

let nums = [1, 2, 3];

let doubled = nums.map(function(num) {

return num * 2;

});

console.log(doubled); // Output: [2, 4, 6]

```

10. filter():

filter()方法用于对数组中的每个元素执行一次指定的函数，并返回一个其中满足条件的元素组成的新数组。不会修改原数组。

示例：

```

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

let evens = nums.filter(function(num) {

return num % 2 === 0;

});

console.log(evens); // Output: [2, 4]

```

以上是JS数组的十种常用方法的详细介绍及示例。这些方法能够帮助你更方便地操作和处理数组，提高编程效率。 如果你喜欢我们三七知识分享网站的文章， 欢迎您分享或收藏知识分享网站文章 欢迎您到我们的网站逛逛喔！https://www.ynyuzhu.com/