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

JavaScript 数组是一种特殊的数据类型，用于存储多个值。它提供了许多方便的方法来操作和处理数组中的数据。本文将介绍十种常用的 JavaScript 数组方法，并提供详细的解释和示例。

1. push() 方法

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

示例：

```javascript

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

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

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

console.log(length); // 输出: 4

```

2. pop() 方法

pop() 方法用于删除数组末尾的元素，并返回被删除的元素。它会修改原始数组。

示例：

```javascript

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

let removedFruit = fruits.pop();

console.log(removedFruit); // 输出: 'orange'

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

```

3. shift() 方法

shift() 方法用于删除数组开头的元素，并返回被删除的元素。它会修改原始数组。

示例：

```javascript

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

let removedFruit = fruits.shift();

console.log(removedFruit); // 输出: 'apple'

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

```

4. unshift() 方法

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

示例：

```javascript

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

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

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

console.log(length); // 输出: 4

```

5. splice() 方法

splice() 方法用于从数组中删除、替换或插入元素，并返回被删除的元素。它会修改原始数组。

示例：

```javascript

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

let removedFruit = fruits.splice(1, 1, 'grape', 'melon');

console.log(removedFruit); // 输出: ['banana']

console.log(fruits); // 输出: ['apple', 'grape', 'melon', 'orange']

```

6. slice() 方法

slice() 方法用于从数组中提取指定范围的元素，并返回一个新的数组。它不会修改原始数组。

示例：

```javascript

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

let selectedFruits = fruits.slice(1, 4);

console.log(selectedFruits); // 输出: ['banana', 'orange', 'grape']

console.log(fruits); // 输出: ['apple', 'banana', 'orange', 'grape', 'melon']

```

7. concat() 方法

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

示例：

```javascript

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

let fruits2 = ['orange', 'grape'];

let mergedFruits = fruits1.concat(fruits2);

console.log(mergedFruits); // 输出: ['apple', 'banana', 'orange', 'grape']

console.log(fruits1); // 输出: ['apple', 'banana']

console.log(fruits2); // 输出: ['orange', 'grape']

```

8. indexOf() 方法

indexOf() 方法用于查找数组中指定元素的索引，并返回第一个匹配的索引值。如果没有找到匹配的元素，则返回 -1。

示例：

```javascript

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

let index = fruits.indexOf('banana');

console.log(index); // 输出: 1

```

9. lastIndexOf() 方法

lastIndexOf() 方法用于查找数组中指定元素的索引，并返回最后一个匹配的索引值。如果没有找到匹配的元素，则返回 -1。

示例：

```javascript

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

let index = fruits.lastIndexOf('banana');

console.log(index); // 输出: 3

```

10. join() 方法

join() 方法用于将数组中的所有元素连接成一个字符串，并返回这个字符串。可以指定一个可选的分隔符作为参数，默认为逗号。

示例：

```javascript

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

let joinedString = fruits.join(' - ');

console.log(joinedString); // 输出: 'apple - banana - orange'

```

以上是十种常用的 JavaScript 数组方法。它们可以帮助您在处理和操作数组时更加高效和方便。根据不同的需求，选择合适的方法可以提高代码的效率和可读性。 如果你喜欢我们三七知识分享网站的文章， 欢迎您分享或收藏知识分享网站文章 欢迎您到我们的网站逛逛喔！https://www.37seo.cn/