JavaScript数组常用方法分不改变原数组（如map、filter、slice等）和改变原数组（如push、splice、sort等）两类；去重推荐Set+扩展运算符，排序数字必须用比较函数。
JavaScript 数组的常用方法很多，去重和排序是高频需求。掌握核心方法并理解它们的差异，能写出更简洁、可靠的代码。
常用数组方法（不改变原数组）
这类方法返回新数组或值，原数组不变，适合函数式编程风格：
-
map()：遍历并映射成新数组，如
[1,2,3].map(x => x * 2)→[2,4,6] -
filter()：筛选符合条件的元素，如
[1,2,3,4].filter(x => x % 2 === 0)→[2,4] - find() / findIndex()：查找首个匹配项或其索引
- some() / every()：判断是否存在/是否全部满足条件
- includes()：检查是否包含某值，返回布尔值
- slice()：截取子数组（支持负索引）
- concat()：合并多个数组，返回新数组
常用数组方法（会改变原数组）
这些方法直接修改原数组，使用时需注意副作用：
- push() / pop() / shift() / unshift()：在尾部或头部增删元素
- splice()：从指定位置删除、替换或插入元素（功能最强）
- reverse()：反转数组顺序
- sort()：按字符串 Unicode 码点排序——red">数字排序必须传比较函数
数组去重的几种可靠方式
去重关键看数据类型和是否保留顺序。推荐以下方案：
动态WEB网站中的PHP和MySQL：直观的QuickPro指南第2版
下载
动态WEB网站中的PHP和MySQL详细反映实际程序的需求，仔细地探讨外部数据的验证(例如信用卡卡号的格式)、用户登录以及如何使用模板建立网页的标准外观。动态WEB网站中的PHP和MySQL的内容不仅仅是这些。书中还提到如何串联JavaScript与PHP让用户操作时更快、更方便。还有正确处理用户输入错误的方法，让网站看起来更专业。另外还引入大量来自PEAR外挂函数库的强大功能，对常用的、强大的包
立即学习“Java免费学习笔记（深入）”；
-
Set + 扩展运算符（最简，适用于基本类型）：
[...new Set([1,2,2,3,3])] → [1,2,3] -
filter() + indexOf（兼容老环境，保留首次出现）：
arr.filter((item, i) => arr.indexOf(item) === i) -
reduce()（灵活，可处理对象去重）：
arr.reduce((unique, item) => unique.includes(item) ? unique : [...unique, item], []) -
对象键去重（仅限字符串/数字）：
Object.keys(arr.reduce((o, v) => { o[v] = true; return o; }, {}))
数组排序的正确写法
sort() 默认把元素转为字符串比较，对数字会出错，例如 [10, 5, 40].sort() → [10, 40, 5]。必须显式传入比较函数：
-
升序（数字）：
arr.sort((a, b) => a - b) -
降序（数字）：
arr.sort((a, b) => b - a) -
字符串忽略大小写：
arr.sort((a, b) => a.toLowerCase().localeCompare(b.toLowerCase())) -
对象按属性排序：
arr.sort((a, b) => a.age - b.age)或用localeCompare处理字符串字段
去重和排序常组合使用，比如先去重再升序：[...new Set(arr)].sort((a, b) => a - b)。注意 Set 不保证插入顺序（实际中保持，但规范未强制），不过现代 JS 引擎均按插入顺序迭代，可放心使用。
