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 码点排序——数字排序必须传比较函数
数组去重的几种可靠方式
去重关键看数据类型和是否保留顺序。推荐以下方案:
立即学习“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 引擎均按插入顺序迭代,可放心使用。
以上就是javascript数组有哪些常用方法_如何实现数组去重和排序?的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1544248.html
微信扫一扫
支付宝扫一扫