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

数组是JavaScript中最常用的数据结构之一，它可以存储多个值，可以是字符串、数字、对象等等。在JavaScript中，有许多内置方法可以帮助我们对数组进行各种操作。下面是JavaScript中常用的10种数组方法的详细介绍和案例说明。

1. concat() 方法

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

```javascript

var arr1 = [1, 2, 3];

var arr2 = [4, 5, 6];

var arr3 = arr1.concat(arr2);

console.log(arr3); // [1, 2, 3, 4, 5, 6]

```

2. push() 方法

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

```javascript

var arr = [1, 2, 3];

var length = arr.push(4, 5);

console.log(arr); // [1, 2, 3, 4, 5]

console.log(length); // 5

```

3. pop() 方法

pop()方法用于删除数组的最后一个元素，并返回该元素的值。

```javascript

var arr = [1, 2, 3];

var lastElement = arr.pop();

console.log(arr); // [1, 2]

console.log(lastElement); // 3

```

4. shift() 方法

shift()方法用于删除数组的第一个元素，并返回该元素的值。

```javascript

var arr = [1, 2, 3];

var firstElement = arr.shift();

console.log(arr); // [2, 3]

console.log(firstElement); // 1

```

5. unshift() 方法

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

```javascript

var arr = [1, 2, 3];

var length = arr.unshift(0, -1);

console.log(arr); // [0, -1, 1, 2, 3]

console.log(length); // 5

```

6. slice() 方法

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

```javascript

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

var subArr = arr.slice(2, 4);

console.log(subArr); // [3, 4]

```

7. splice() 方法

splice()方法用于删除、替换或添加数组的元素，并返回被删除的元素。它会改变原始数组。

```javascript

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

var deletedElements = arr.splice(1, 2, 'a', 'b');

console.log(arr); // [1, 'a', 'b', 4, 5]

console.log(deletedElements); // [2, 3]

```

8. indexOf() 方法

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

```javascript

var arr = [1, 2, 3, 1, 2, 3];

var index = arr.indexOf(2);

console.log(index); // 1

```

9. lastIndexOf() 方法

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

```javascript

var arr = [1, 2, 3, 1, 2, 3];

var index = arr.lastIndexOf(3);

console.log(index); // 5

```

10. forEach() 方法

forEach()方法用于遍历数组的所有元素，并对每个元素执行指定的操作。

```javascript

var arr = [1, 2, 3];

arr.forEach(function(element) {

console.log(element);

});

// 输出:

// 1

// 2

// 3

```

通过使用这些常用的数组方法，我们可以更方便地操作和处理数组，提高代码的可读性和效率。

壹涵网络我们是一家专注于网站建设、企业营销、网站关键词排名、AI内容生成、新媒体营销和短视频营销等业务的公司。我们拥有一支优秀的团队，专门致力于为客户提供优质的服务。

我们致力于为客户提供一站式的互联网营销服务，帮助客户在激烈的市场竞争中获得更大的优势和发展机会！