NodeList集合跟Array数组的区别
这篇讲的是前端开发中容易被混淆的一对概念——`NodeList` 和 `Array`。作者从日常使用的 `document.querySelectorAll` 等方法返回值出发，点明 `NodeList` 并不是真正的数组，虽然它看起来像、用起来也有些像。 文章核心对比了两者的差异：`NodeList` 是 DOM 查询结果的集合，通常是“活的”或“静态的”引用，而 `Array` 则是标准的 JavaScript 数组对象。最关键的差别在于，`NodeList` 缺少 `Array.prototype` 上的大部分方法（如 `map`、`filter`、`forEach`），这会给习惯数组操作的开发者带来不便。 作者还梳理了处理 `NodeList` 的实用技巧，比如通过 `Array.from()` 或扩展运算符 `[...]` 将其转换为真正的数组，从而自由使用丰富的数组方法。文章最后指出，理解两者的本质区别，能帮助开发者在处理 DOM 操作时选择更合适、更高效的编码方式，避免不必要的类型转换或方法缺失错误。