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

JS数组是一种非常常用的数据结构，它提供了许多方法来操作和处理数组中的元素。本文将介绍JS数组的10种常用方法，并提供详细的解释和使用示例，以帮助您更好地理解和应用这些方法。

1. push()

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

```

const arr = [1, 2, 3];

const newLength = arr.push(4, 5);

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

console.log(newLength); // 5

```

2. pop()

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

```

const arr = [1, 2, 3];

const lastElement = arr.pop();

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

console.log(lastElement); // 3

```

3. shift()

shift()方法用于从数组的开头删除第一个元素，并返回被删除的元素。它会修改原数组，并且会更新剩余元素的索引。

```

const arr = [1, 2, 3];

const firstElement = arr.shift();

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

console.log(firstElement); // 1

```

4. unshift()

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

```

const arr = [1, 2, 3];

const newLength = arr.unshift(4, 5);

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

console.log(newLength); // 5

```

5. concat()

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

```

const arr1 = [1, 2];

const arr2 = [3, 4];

const newArr = arr1.concat(arr2);

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

```

6. slice()

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

```

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

const newArr = arr.slice(1, 4);

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

```

7. splice()

splice()方法用于向/从数组中添加/删除元素，并返回被删除的元素。它会修改原数组。

```

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

const removedElements = arr.splice(1, 2, 6, 7);

console.log(arr); // [1, 6, 7, 4, 5]

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

```

8. indexOf()

indexOf()方法用于返回指定元素在数组中第一次出现的索引，如果不存在则返回-1。

```

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

const index = arr.indexOf(3);

console.log(index); // 2

```

9. lastIndexOf()

lastIndexOf()方法用于返回指定元素在数组中最后一次出现的索引，如果不存在则返回-1。

```

const arr = [1, 2, 3, 4, 3];

const index = arr.lastIndexOf(3);

console.log(index); // 4

```

10. forEach()

forEach()方法用于对数组的每个元素执行一次提供的回调函数。

```

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

arr.forEach((element) => {

console.log(element);

});

// 输出：

// 1

// 2

// 3

// 4

// 5

```

通过这10个常用方法，您可以灵活地操作和处理JS数组的元素，实现各种需求和功能。希望这些详细的解释和使用示例对您有所帮助！ 如果你喜欢我们三七知识分享网站的文章， 欢迎您分享或收藏知识分享网站文章 欢迎您到我们的网站逛逛喔！https://www.37seo.cn/