JavaScript中常用的的遍历方法--总结

JavaScript中遍历的目的主要有以下几点：

1.访问数组或对象中的每个元素或属性。
2.对数组或对象中的元素或属性执行某种操作，例如计算、修改或输出。
3.检查数组或对象中的元素或属性是否满足特定条件。
4.收集数组或对象中的元素或属性，生成新的数组或对象。

1.for循环：

传统的for循环是遍历数组最常用的方法之一。当需要对数组进行详尽的操作，如根据索引访问或修改元素时，for循环是最基本的选择。

for (let i = 0; i < array.length; i++) {
  console.log(array[i]);
}

2.forEach()方法：

forEach提供了一种简洁的遍历数组的方式，适用于执行同一种操作于每个元素上。它不能中断遍历，但可以通过异常处理实现退出。

array.forEach(function(item, index) {
  console.log(item);
});

3.for…in循环：

尽管名字相似，for…in循环并不推荐用于数组遍历，因为它会遍历所有可枚举的自有和继承属性，可能导致意料之外的结果。然而，它可用于遍历对象的键。

for (let index in array) {
  console.log(array[index]);
}

4.for…of循环：

ES6引入的for…of循环允许更直观地遍历可迭代对象，包括数组。它避开了for…in的缺点，并可以正确响应break、continue和return语句。

for (let item of array) {
  console.log(item);
}

5.map()方法：

map方法用于遍历数组同时对每个元素应用函数，并返回一个新数组。它不改变原数组，而是创建并返回一个新数组，适用于纯粹的转换操作。

array.map(function(item, index) {
  console.log(item);
});

6.filter()方法：

filter方法创建一个新数组，其包含通过指定测试的所有元素。该方法不改变原数组，常用于筛选满足特定条件的元素集合。

array.filter(function(item, index) {
  console.log(item);
  return true; // 返回true以保留所有元素
});

7.reduce()方法：

reduce方法将数组的所有值累加到一个单一值。这对于需要将多个值合并为一个结果（例如求和、连接字符串）的场景非常有用。

array.reduce(function(accumulator, item, index) {
  console.log(item);
  return accumulator; // 返回累加器
}, initialValue);