会改变原数组的方法有：push、pop、shift、unshift、splice、reverse、sort、fill、copywithin；返回新数组的有slice、concat、map、filter、flatmap等，但需注意浅拷贝和纯函数性陷阱。
JavaScript 数组方法很多，但真正高频、安全、可预测的其实就十几个；盲目用 map、filter 并不等于高效，关键看是否匹配场景、是否产生意外副作用、是否被误用于非数组对象。
哪些数组方法会改变原数组（mutating）？
这是最容易踩坑的地方：看似函数式写法，结果一不留神改了原始数据，后续逻辑全乱。
-
push、pop、shift、unshift—— 增删首尾元素，返回新长度或被删值，原数组变 -
splice—— 万能但危险，既能删又能插还能替，arr.splice(1, 2, 'x')直接改arr -
reverse、sort—— 看似只“整理”，实则原地排序/翻转；[3,1,2].sort()得到[1,2,3]，但原数组已不是原来的引用 -
fill、copyWithin—— 明确设计为原地写入，别指望它们返回新数组
哪些方法返回新数组（non-mutating），但要注意陷阱？
它们不改原数组，但并不都“纯”——有些隐含类型转换或浅拷贝限制。
-
slice()返回浅拷贝，slice(0)是最安全的克隆方式之一；但嵌套对象仍共享引用 -
concat()可合并多个数组或值，[1].concat([2], 3)→[1,2,3]；注意传入对象时不会扁平化：[1].concat([[2]])→[1,[2]] -
map()和filter()确实返回新数组，但若回调里修改外部变量、调用异步或抛错，就脱离“纯函数”范畴 -
flatMap()是map + flat(1)的组合，适合一次映射+拍平一层；[1,2].flatMap(x => [x, x*2])→[1,2,2,4]，比手写flat(map())少一次遍历
遍历类方法选哪个？for…of、forEach 还是 for 循环？
性能和控制力差异明显，别被“语法糖”带偏。
动态WEB网站中的PHP和MySQL：直观的QuickPro指南第2版
下载
动态WEB网站中的PHP和MySQL详细反映实际程序的需求，仔细地探讨外部数据的验证(例如信用卡卡号的格式)、用户登录以及如何使用模板建立网页的标准外观。动态WEB网站中的PHP和MySQL的内容不仅仅是这些。书中还提到如何串联JavaScript与PHP让用户操作时更快、更方便。还有正确处理用户输入错误的方法，让网站看起来更专业。另外还引入大量来自PEAR外挂函数库的强大功能，对常用的、强大的包
立即学习“Java免费学习笔记（深入）”；
-
for循环（for (let i = 0; i ）仍是最快、最可控的，支持 <code>break/continue，适合需中途退出或复杂索引逻辑的场景 -
for...of语义清晰、支持break，且能遍历所有可迭代对象（包括Set、Map.values()），比forEach更通用 -
forEach()无法中断，不能return出值，仅适合“只执行副作用”的遍历；误用它替代map或find是常见反模式 -
some()和every()是带短路的布尔判断，比手写循环 + 标志位更简洁安全
如何避免「类数组对象」误用数组方法？
像 arguments、NodeList、HTMLCollection 看似像数组，但没 map 方法，直接调用会报 TypeError: xxx.map is not a function。
- 优先用扩展运算符转成真数组：
[...document.querySelectorAll('div')].map(...) - 用
Array.from()更稳妥，支持映射回调：Array.from(nodes, node => node.textContent) - 老环境可用
Array.prototype.slice.call(nodes)，但已不推荐 - 现代 DOM API 多数返回
NodeList，它本身有forEach，但没map—— 别想当然认为“有 forEach 就有 map”
真正影响效率的往往不是方法名本身，而是是否理解它的返回值类型、是否清楚它对原数组的影响、以及是否在错误上下文中强行套用函数式风格。比如用 reduce 实现 find，或对十万条数据反复 filter().map().filter() 而不考虑一次遍历聚合，这些才是实际项目中最常拖慢性能又难排查的问题。
