js 数组循环

// 示例代码：使用 for 循环遍历数组

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

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

// 解释说明：
// 上面的代码使用了传统的 for 循环来遍历数组。
// `arr.length` 获取数组的长度，确保循环不会超出数组的范围。
// `arr[i]` 访问数组中每个元素，并通过 `console.log` 输出。

// 示例代码：使用 forEach 方法遍历数组

let arr2 = ['apple', 'banana', 'cherry'];

arr2.forEach(function(item, index) {
    console.log(index + ': ' + item);
});

// 解释说明：
// `forEach` 是数组的一个内置方法，用于遍历数组中的每个元素。
// 它接受一个回调函数作为参数，该回调函数会在每次迭代时被调用。
// `item` 是当前元素，`index` 是当前元素的索引。
// 这种方式比传统的 for 循环更简洁，代码可读性更高。

// 示例代码：使用 for...of 循环遍历数组

let arr3 = [10, 20, 30, 40, 50];

for (let value of arr3) {
    console.log(value);
}

// 解释说明：
// `for...of` 是 ES6 引入的一种新的遍历语法，专门用于遍历可迭代对象（如数组）。
// 它直接遍历数组的值，而不需要像 for 循环那样手动管理索引。
// 代码更加简洁易读。

// 示例代码：使用 map 方法遍历数组并生成新数组

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

let newArr = arr4.map(function(item) {
    return item * 2;
});

console.log(newArr);

// 解释说明：
// `map` 方法会遍历数组中的每个元素，并对每个元素执行指定的操作（如乘以 2），
// 然后返回一个新的数组，包含操作后的结果。
// 原始数组不会被修改。