JavaScript遍历应按数据类型选择：数组优先用for...of、forEach或for循环；对象用Object.keys()等避免原型链污染；Map/Set原生支持安全遍历。
JavaScript中遍历数组和对象的方法很多，选对方式能提升代码可读性、性能和健壮性。核心原则是：数组优先用 for...of、forEach 或传统 for 循环；对象优先用 for...in（注意原型链）或 Object.keys() + 数组方法组合；需要键值对时考虑 Object.entries()。
数组常用遍历方式及适用场景
数组是有序集合，遍历目标常为“处理每个元素”“生成新数组”“判断条件”
或“累积计算”。
-
for循环：性能最优，适合需要索引、提前退出（break）、或复杂控制逻辑的场景。例如查找第一个满足条件的元素并返回其下标。 -
for...of：语法简洁，直接访问元素值，支持break/continue，不依赖索引。适合纯遍历、配合迭代器（如Array.prototype.values()）使用。 -
forEach()：语义清晰，适合“仅执行副作用”（如发请求、修改 DOM）。但无法中途跳出，也不返回新数组——它总是返回undefined。 -
map()/filter()/reduce()：函数式首选。当目标明确（转换、筛选、聚合）时，语义强、可链式调用、避免手动管理临时数组。
对象遍历的关键方法与陷阱
对象是无序键值对集合，遍历需明确目标：只遍历自身属性？需要键、值还是键值对？是否要跳过不可枚举属性？
-
for...in：会遍历**自身+原型链上所有可枚举属性**。必须搭配hasOwnProperty()使用，否则容易误读继承属性。不推荐在不确定原型结构时直接使用。 -
Object.keys(obj)：返回自身可枚举属性的字符串数组，安全可控。适合需要操作键名（如校验字段）、再用forEach或map处理的场景。 -
Object.values(obj)：直接获取值数组，适合只关心值的批量处理（如求最大值、拼接字符串）。 -
Object.entries(obj)：返回[key, value]二维数组，最接近 Map 的遍历体验。配合解构赋值（for (const [key, val] of Object.entries(obj))）非常直观。
Map 和 Set 的遍历更简单
如果数据天然适合键值映射或唯一值集合，优先用 Map 和 Set——它们的设计就围绕遍历优化。
-
Map支持for...of直接遍历[key, value]，也提供keys()、values()、entries()方法，行为统一且不污染原型链。 -
Set遍历与数组类似，for...of或forEach()即可，自动去重，无需额外过滤逻辑。
如何选择？看三个问题
写遍历时，快速问自己：
- 是数组还是类数组/对象？——类型决定基础方法范围。
- 是否需要中断循环？——需要
break就别用forEach。 - 目标是“做什么”而不是“怎么循环”？——选语义匹配的方法：
map转换、find查找、some判断存在性，比手写循环更可靠。
