JavaScript数组常用方法分遍历（不改原数组）和修改（改原数组）两类：forEach、map、filter、find、some、every用于读取或生成新数据；push、pop、splice、sort等直接操作原数组；组合技巧如Set去重、flat扁平化、reduce求和提升开发效率。
JavaScript 数组提供了丰富的方法来遍历、查询、修改和转换数据。掌握常用方法及其适用场景，能显著提升代码可读性和执行效率。
常用遍历方法（不改变原数组）
适合读取、判断或生成新数据，不修改原始数组：
- forEach()：逐项执行回调，无返回值。适合纯副作用操作（如打印、发请求）。
-
map()：对每项调用函数，返回一个**新数组**，长度与原数组一致。常用于字段提取或格式转换，比如
[{id:1,name:'a'}].map(x => x.name)→['a']。 -
filter()：返回满足条件的元素组成的新数组。例如
[1,2,3,4].filter(x => x > 2)→[3,4]。 -
find() / findIndex()：返回第一个匹配项（或其索引），找不到则返回
undefined或-1。 -
some() / every()：返回布尔值。
some判断是否存在满足条件的项；every判断是否全部满足。
常用修改方法（会改变原数组）
注意：这些方法直接操作原数组，使用时需确认是否允许副作用：
- push() / pop()：尾部添加/删除元素，返回新长度 / 被删元素。
- unshift() / shift()：头部添加/删除元素，性能略低于尾部操作（因需重排索引）。
-
splice(start, deleteCount, ...items)：最灵活的增删改方法。可删除、插入、替换任意位置的元素。例如
arr.splice(1, 1, 'x')表示从索引 1 删除 1 个，插入 'x'。 -
reverse() / sort()：就地翻转或排序。注意
sort()默认按字符串 Unicode 排序，数字排序需传比较函数：arr.sort((a,b) => a - b)。
实用组合技巧
单行解决常见需求，避免手动 for 循环：
动态WEB网站中的PHP和MySQL：直观的QuickPro指南第2版
下载
动态WEB网站中的PHP和MySQL详细反映实际程序的需求，仔细地探讨外部数据的验证(例如信用卡卡号的格式)、用户登录以及如何使用模板建立网页的标准外观。动态WEB网站中的PHP和MySQL的内容不仅仅是这些。书中还提到如何串联JavaScript与PHP让用户操作时更快、更方便。还有正确处理用户输入错误的方法，让网站看起来更专业。另外还引入大量来自PEAR外挂函数库的强大功能，对常用的、强大的包
立即学习“Java免费学习笔记（深入）”；
- 去重：
[...new Set(arr)]（ES6，适合基础类型）或arr.filter((item, i) => arr.indexOf(item) === i)。 - 扁平化一层：
arr.flat()；彻底扁平：arr.flat(Infinity)。 - 求和/最大值：
arr.reduce((sum, x) => sum + x, 0)或Math.max(...arr)（注意不要用于大数组，可能栈溢出）。 - 对象数组按字段查找：
arr.find(x => x.id === targetId)比循环更简洁安全。
注意事项与建议
写数组操作时容易忽略的关键点：
- 区分
map/filter/find等返回新数组的方法，和push/splice/sort等改变原数组的方法，避免意外覆盖数据。 - 避免在
forEach中使用break或return试图中断循环——它无法跳出，应改用for...of或some/every。 - 处理嵌套结构或异步逻辑时，优先考虑
flatMap、reduce或for await...of，而非强行链式调用。 - 性能敏感场景（如大数据量渲染），慎用多次
map + filter + map链式调用，可合并为一次reduce或用传统for循环。
