javascript遍历数组方法

在JavaScript中，遍历数组是一个常见的操作，可以通过多种方式实现。以下是一些常用的方法：

1. for循环

最传统的方法是使用for循环。

let array = [1, 2, 3, 4, 5];

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

2. for…of循环

ES6引入了for...of循环，它可以直接遍历可迭代对象（如数组）的元素值。

let array = [1, 2, 3, 4, 5];

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

3. forEach方法

数组的forEach方法为每个数组元素执行一次提供的函数。

let array = [1, 2, 3, 4, 5];

array.forEach(function(element) {
    console.log(element);
});

// 或者使用箭头函数
array.forEach(element => console.log(element));

4. map方法

虽然map主要用于创建一个新数组，但它在过程中会遍历原数组的所有元素。

let array = [1, 2, 3, 4, 5];

array.map(element => {
    console.log(element);
    return element; // 这里返回的值可以用于创建新数组，但这里主要展示遍历
});

5. for…in循环

虽然for...in循环通常用来遍历对象的属性，但它也可以遍历数组的索引。但是，这种方法不推荐用于数组遍历，因为可能遇到意外情况，比如原型链上的属性也会被遍历到。

let array = [1, 2, 3, 4, 5];

for(let index in array) {
    if(array.hasOwnProperty(index)) { // 防止遍历原型链上的属性
        console.log(array[index]);
    }
}

Was this helpful?

YesNo

0 / 0