盘点JS19种数组遍历方式，让你的开发更从容高效！

前言

数组是开发中最经常使用的数据结构之一，提供了大量的属性和方法方便我们进行操作。本文将梳理JS数组身上的所有遍历方式，如有遗漏或错误之处，欢迎在评论区指正。

1. for循环

for循环是最常见的数组遍历方式，语法如下：

for (let i = 0; i < arr.length; i++) {
  // 操作数组元素
}

2. for...in循环

for...in循环用于遍历数组的键名，语法如下：

for (let key in arr) {
  // 操作数组元素
}

3. for...of循环

for...of循环用于遍历数组的值，语法如下：

for (let value of arr) {
  // 操作数组元素
}

4. foreach()方法

forEach()方法用于遍历数组的每个元素，语法如下：

arr.forEach((value, index, array) => {
  // 操作数组元素
});

5. map()方法

map()方法用于将数组的每个元素映射为另一个值，语法如下：

const newArr = arr.map((value, index, array) => {
  // 返回新的值
});

6. filter()方法

filter()方法用于过滤数组的元素，只保留满足条件的元素，语法如下：

const newArr = arr.filter((value, index, array) => {
  // 返回 true 表示保留该元素，否则移除
});

7. reduce()方法

reduce()方法用于将数组的元素归并为一个值，语法如下：

const result = arr.reduce((accumulator, currentValue, currentIndex, array) => {
  // 返回新的值
}, initialValue);

8. find()方法

find()方法用于找到数组中第一个满足条件的元素，语法如下：

const element = arr.find((value, index, array) => {
  // 返回 true 表示找到该元素
});

9. findIndex()方法

findIndex()方法用于找到数组中第一个满足条件的元素的索引，语法如下：

const index = arr.findIndex((value, index, array) => {
  // 返回 true 表示找到该元素
});

10. every()方法

every()方法用于判断数组中的所有元素是否都满足条件，语法如下：

const isEvery = arr.every((value, index, array) => {
  // 返回 true 表示所有元素都满足条件
});

11. some()方法

some()方法用于判断数组中是否存在至少一个元素满足条件，语法如下：

const isSome = arr.some((value, index, array) => {
  // 返回 true 表示至少有一个元素满足条件
});

12. includes()方法

includes()方法用于判断数组中是否包含某个元素，语法如下：

const isInclude = arr.includes(element);

13. indexOf()方法

indexOf()方法用于找到数组中某个元素的索引，语法如下：

const index = arr.indexOf(element);

14. lastIndexOf()方法

lastIndexOf()方法用于找到数组中某个元素的最后一个索引，语法如下：

const index = arr.lastIndexOf(element);

15. join()方法

join()方法用于将数组的元素连接成一个字符串，语法如下：

const str = arr.join(separator);

16. slice()方法

slice()方法用于从数组中提取一个子数组，语法如下：

const newArr = arr.slice(start, end);

17. splice()方法

splice()方法用于从数组中添加、删除或替换元素，语法如下：

arr.splice(start, deleteCount, ...items);

18. push()方法

push()方法用于向数组的末尾添加一个或多个元素，语法如下：

arr.push(...items);

19. pop()方法

pop()方法用于从数组的末尾删除一个元素，语法如下：

const element = arr.pop();

以上是JS数组的所有遍历方式，希望对大家有所帮助。