循环遍历 JS 中的数组 - Javascript

在Javascript中，我们经常需要使用数组来存储和操作一组数据。而在操作数组过程中，循环遍历是最基本的操作之一。本文将介绍JS中循环遍历数组的多种方式。

1. for循环

使用for循环遍历数组是最基本的方法。它可以按照数组下标的顺序来遍历数组。

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

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

使用for循环不仅可以遍历数组，还可以进行操作和修改。比如，可以将数组中的每个元素都加上1：

for(let i = 0; i < arr.length; i++) {
    arr[i] += 1;
}

2. forEach方法

forEach方法是ES5中提供的一种数组遍历的方法。它可以用来替代for循环，并且比for循环更加简洁易用。

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

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

forEach方法接收一个回调函数作为参数，回调函数中有两个参数：当前遍历到的数组元素和元素的下标。除此之外，forEach方法还支持传入第二个参数来指定回调函数中的this指向。

3. for…of循环

for…of循环是ES6中新增的一种循环语句，它可以用来遍历具有迭代器的数据结构，包括数组和字符串等。

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

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

for…of循环的语法比起for循环和forEach方法更加简洁明了，而且不需要使用数组下标。

4. map方法

map方法也是ES5中提供的一种数组遍历的方法。它会返回一个新的数组，可以用来对原数组中的每个元素进行操作后生成一个新的数组。

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

let newArr = arr.map(function(item, index) {
    return item * 2;
});

console.log(newArr);    // [2, 4, 6, 8, 10]

map方法同样接收一个回调函数作为参数，回调函数可以接收三个参数：当前遍历到的数组元素、元素下标和原数组本身。

以上是JS中常见的循环遍历数组的方式，有了这些技巧，我们就可以更加灵活地操作和处理数组了。