js数组遍历十种方法

在JavaScript中，数组遍历可以有多种方法。以下列举了10种常用的数组遍历方式：

1. For 循环

   let array = [1, 2, 3, 4, 5];
   for (let i = 0; i < array.length; i++) {
       console.log(array[i]);
   }
   

2. For-of 循环（ES6）

   let array = [1, 2, 3, 4, 5];
   for (const item of array) {
       console.log(item);
   }
   

3. forEach() 方法

   let array = [1, 2, 3, 4, 5];
   array.forEach((item, index, arr) => {
       console.log(item);
   });
   

4. Array.prototype.map()

   let array = [1, 2, 3, 4, 5];
   const newArray = array.map(item => {
       console.log(item);
       return item * 2; // map返回一个新的数组，此处仅用于演示遍历，实际应用时会处理每个元素并生成新数组
   });
   

5. Array.prototype.filter()

   let array = [1, 2, 3, 4, 5];
   const filteredArray = array.filter(item => {
       console.log(item);
       return item % 2 === 0; // filter返回满足条件的新数组，此处仅用于演示遍历
   });
   

6. Array.prototype.some()

   let array = [1, 2, 3, 4, 5];
   const hasEven = array.some(item => {
       console.log(item);
       return item % 2 === 0;
   });
   console.log(hasEven); // 输出：是否存在偶数项
   

7. Array.prototype.every()

   let array = [1, 2, 3, 4, 5];
   const allEven = array.every(item => {
       console.log(item);
       return item % 2 === 0;
   });
   console.log(allEven); // 输出：是否所有项都是偶数
   

8. Array.prototype.reduce()

   let array = [1, 2, 3, 4, 5];
   const sum = array.reduce((accumulator, currentValue) => {
       console.log(currentValue);
       return accumulator + currentValue;
   }, 0);
   console.log(sum); // 输出：数组元素之和
   

9. for…in 循环（不适用于普通数组，主要用于对象的键名遍历，但也可以遍历数组的索引）

   let array = [1, 2, 3, 4, 5];
   for (let key in array) {
       if (array.hasOwnProperty(key)) { // 避免遍历原型链上的属性
           console.log(array[key]);
       }
   }
   

10. Object.keys() 或 Array.from() 结合 forEach

    let array = [1, 2, 3, 4, 5];
    Object.keys(array).forEach(key => {
        console.log(array[key]);
    });
    
    // 或者使用 Array.from 和 forEach
    Array.from(array, (value, index) => {
        console.log(value);
    });
    

另外，在ES6中还有如下两种遍历方法：

11. Array.prototype.entries() 结合 for…of

    let array = [1, 2, 3, 4, 5];
    for (const [index, value] of array.entries()) {
        console.log(index, value);
    }
    

12. Array.prototype.keys() 结合 for…of

    let array = [1, 2, 3, 4, 5];
    for (const index of array.keys()) {
        console.log(array[index]);
    }
    

请注意，并非所有这些都严格意义上是“遍历”方法，例如map()、filter()等方法实际上是进行操作的同时遍历数组，它们的目的不仅仅是遍历而是对数组内容进行转换或筛选。而像reduce()则是一种归约操作，它将数组元素累积成单一值。