js实现遍历

遍历数组的方法

使用for循环是最基础的遍历方式，适用于所有数组。

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

forEach方法对数组的每个元素执行一次给定的函数。

const arr = [1, 2, 3];
arr.forEach(item => {
  console.log(item);
});

遍历对象的方法

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

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

Object.keys()方法返回一个由对象的键组成的数组，可以结合数组遍历方法使用。

const obj = { a: 1, b: 2 };
Object.keys(obj).forEach(key => {
  console.log(key, obj[key]);
});

遍历Map和Set

Map可以使用forEach方法进行遍历。

const map = new Map([['a', 1], ['b', 2]]);
map.forEach((value, key) => {
  console.log(key, value);
});

Set也可以使用forEach方法进行遍历。

const set = new Set([1, 2, 3]);
set.forEach(value => {
  console.log(value);
});

ES6新增的遍历方法

for...of循环可以遍历可迭代对象（如Array, Map, Set, String等）。

const arr = [1, 2, 3];
for (const item of arr) {
  console.log(item);
}

递归遍历树形结构

对于树形结构的数据，可以使用递归进行遍历。

function traverseTree(node) {
  console.log(node.value);
  if (node.children) {
    node.children.forEach(child => traverseTree(child));
  }
}