js 遍历

// 遍历数组
const arr = [1, 2, 3, 4, 5];

// 使用 for 循环遍历数组
for (let i = 0; i < arr.length; i++) {
    console.log(arr[i]); // 输出数组中的每个元素
}

// 使用 forEach 方法遍历数组
arr.forEach(function(item) {
    console.log(item); // 输出数组中的每个元素
});

// 使用 for...of 循环遍历数组
for (let item of arr) {
    console.log(item); // 输出数组中的每个元素
}

// 遍历对象
const obj = { a: 1, b: 2, c: 3 };

// 使用 for...in 循环遍历对象的键
for (let key in obj) {
    console.log(key, obj[key]); // 输出对象的键和对应的值
}

// 使用 Object.keys() 和 forEach 遍历对象的键
Object.keys(obj).forEach(function(key) {
    console.log(key, obj[key]); // 输出对象的键和对应的值
});

解释说明：

1. 数组遍历：

   • for 循环：传统的循环方式，通过索引访问数组元素。
   • forEach 方法：数组自带的方法，用于对数组中的每个元素执行一次给定的函数。
   • for...of 循环：ES6 引入的新语法，直接遍历可迭代对象（如数组）的值。

2. 对象遍历：

   • for...in 循环：遍历对象的所有可枚举属性（包括继承的属性），通常用于获取对象的键。
   • Object.keys() 和 forEach：先获取对象的键数组，再使用 forEach 遍历这些键。