javascript数组有哪些常用方法_如何实现数组去重和排序?

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