js实现遍历

遍历数组的方法

for循环是最基础的遍历方式，通过索引访问数组元素。

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

forEach方法为每个数组元素执行一次回调函数。

arr.forEach(item => {
  console.log(item);
});

遍历对象的方法

for...in循环可以遍历对象的所有可枚举属性。

const obj = {a: 1, b: 2};
for (let key in obj) {
  console.log(key, obj[key]);
}

Object.keys配合forEach可以更安全地遍历对象属性。

Object.keys(obj).forEach(key => {
  console.log(key, obj[key]);
});

特殊遍历场景

map方法会创建一个新数组，其结果是原数组每个元素调用回调函数的返回值。

const newArr = arr.map(item => item * 2);

for...of循环可以遍历可迭代对象（如数组、字符串、Map、Set等）。

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

递归遍历

深度遍历嵌套数据结构时可以使用递归。

function deepTraverse(obj) {
  if (typeof obj !== 'object') return;
  for (let key in obj) {
    console.log(key);
    deepTraverse(obj[key]);
  }
}