17370845950

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 码点排序——数字排序必须传比较函数

数组去重的几种可靠方式

去重关键看数据类型和是否保留顺序。推荐以下方案：

• 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 引擎均按插入顺序迭代，可放心使用。