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

数组是JavaScript中常用的数据结构之一，它可以存储多个值并按照顺序访问。在JavaScript中，数组提供了许多常用的方法，可以方便地对数组进行操作和处理。下面将详细介绍数组的10种常用方法，包括使用方法和案例说明。

1. push()

push()方法将一个或多个元素添加到数组的末尾，并返回修改后的数组的新长度。使用方法如下：

```

array.push(element1, element2, ..., elementN);

```

案例说明：

```javascript

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

let newLength = fruits.push('pear', 'grape');

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

console.log(newLength); // 5

```

push()方法将'pear'和'grape'两个元素添加到fruits数组的末尾，并返回新的长度5。

2. pop()

pop()方法从数组的末尾删除一个元素，并返回该元素的值。使用方法如下：

```

array.pop();

```

案例说明：

```javascript

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

let lastFruit = fruits.pop();

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

console.log(lastFruit); // 'orange'

```

pop()方法删除了fruits数组的最后一个元素'orange'，并将其返回。

3. shift()

shift()方法从数组的开头删除一个元素，并返回该元素的值。使用方法如下：

```

array.shift();

```

案例说明：

```javascript

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

let firstFruit = fruits.shift();

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

console.log(firstFruit); // 'apple'

```

shift()方法删除了fruits数组的第一个元素'apple'，并将其返回。

4. unshift()

unshift()方法将一个或多个元素添加到数组的开头，并返回修改后的数组的新长度。使用方法如下：

```

array.unshift(element1, element2, ..., elementN);

```

案例说明：

```javascript

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

let newLength = fruits.unshift('apple', 'pear');

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

console.log(newLength); // 4

```

unshift()方法将'apple'和'pear'两个元素添加到fruits数组的开头，并返回新的长度4。

5. splice()

splice()方法可以删除、替换或添加数组的元素，并返回被删除的元素组成的数组。使用方法如下：

```

array.splice(start, deleteCount, item1, item2, ..., itemN);

```

案例说明：

```javascript

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

let removedItems = fruits.splice(1, 2, 'pear', 'grape');

console.log(fruits); // ['apple', 'pear', 'grape']

console.log(removedItems); // ['banana', 'orange']

```

splice(1, 2, 'pear', 'grape')将fruits数组中的第1个和第2个元素'banana'和'orange'删除，并用'pear'和'grape'替换，返回被删除的元素组成的数组。

6. slice()

slice()方法返回一个从开始到结束（不包括结束）的新数组，原数组不会被修改。使用方法如下：

```

array.slice(start, end);

```

案例说明：

```javascript

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

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

console.log(newFruits); // ['banana', 'orange', 'pear']

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

```

slice(1, 4)返回fruits数组中从索引1到索引3的元素组成的新数组。

7. concat()

concat()方法将两个或多个数组连接起来，并返回一个新的数组，而不会改变原始数组。使用方法如下：

```

array.concat(array1, array2, ..., arrayN);

```

案例说明：

```javascript

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

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

let allFruits = fruits1.concat(fruits2);

console.log(allFruits); // ['apple', 'banana', 'orange', 'pear']

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

console.log(fruits2); // ['orange', 'pear']

```

concat()方法将fruits1和fruits2两个数组连接起来，返回一个新的数组。

8. indexOf()

indexOf()方法返回指定元素在数组中首次出现的索引值，如果不存在则返回-1。使用方法如下：

```

array.indexOf(element, startIndex);

```

案例说明：

```javascript

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

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

console.log(index); // 1

```

indexOf('banana')返回fruits数组中'banana'首次出现的索引值1。

9. includes()

includes()方法判断数组是否包含指定元素，返回一个布尔值。使用方法如下：

```

array.includes(element, startIndex);

```

案例说明：

```javascript

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

let includesBanana = fruits.includes('banana');

console.log(includesBanana); // true

```

includes('banana')判断fruits数组是否包含'banana'，返回true。

10. join()

join()方法将数组中的所有元素连接到一个字符串中，并返回该字符串。使用方法如下：

```

array.join(separator);

```

案例说明：

```javascript

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

let fruitsString = fruits.join(', ');

console.log(fruitsString); // 'apple, banana, orange'

```

join(', ')将fruits数组中的元素用逗号和空格连接起来，返回一个字符串。

以上就是JavaScript数组的10种常用方法的详细介绍和使用示例。这些方法可以帮助我们方便地对数组进行增删改查等常见操作。 如果你喜欢我们三七知识分享网站的文章， 欢迎您分享或收藏知识分享网站文章 欢迎您到我们的网站逛逛喔！https://www.37seo.cn/