循环语句总结

0.1. 🔁 JavaScript 遍历方式总结

遍历方式	适用结构	是否推荐	可中断	引入版本	特点说明
`for`	所有类数组（Array, NodeList 等）	✅	✅	ES1	基础通用、灵活、支持中断
`forEach()`	Array, NodeList（不是 HTMLCollection）	✅	❌	ES5	简洁、不可中断，需要数组或转换
`for...of`	可迭代对象（Array、NodeList、HTMLCollection）	✅	✅	ES6	最现代、可中断、推荐使用
`for...in`	普通对象、类数组（不推荐）	⚠️	✅	ES1	遍历对象属性，包含原型链，慎用于数组
`Array.from()`	将类数组或可迭代对象转成数组	✅	-	ES6	搭配 forEach/map/filter 等高级方法
`[...obj]` 扩展	可迭代对象（如 NodeList 等）	✅	-	ES6	扩展成数组，写法更简洁