javascript如何实现排序算法_如何应用于数组排序【教程】

风枫吖_3979

风枫吖_3979

2026-01-30

715人浏览

原创

JavaScript数组sort()默认按字符串Unicode码点排序,数字数组需传入比较函数;对象数组排序要处理undefined;V8引擎使用TimSort,性能优于手写排序。

javascript如何实现排序算法_如何应用于数组排序【教程】

JavaScript 数组原生的 sort() 方法默认按字符串 Unicode 码点排序,直接对数字数组调用会得到错误结果(比如 [10, 2, 33] 排成 [10, 2, 33]),必须传入比较函数才能正确排序。

为什么 sort() 默认不按数值排序

因为 sort() 内部会先把每个元素转成字符串再比较。数字 10 转成 "10",2 转成 "2",而 "10" 为 true(字符串比较只看首字符),所以 10 会排在 2 前面。

常见错误现象:

  • [10, 2, 33].sort() → [10, 2, 33](不是 [2, 10, 33])
  • [1, 10, -5, 0].sort() → [-5, 0, 1, 10](碰巧对了,但只是巧合,不可依赖)

升序/降序:写对比较函数的关键逻辑

比较函数接收两个参数 a 和 b,返回值决定顺序:

  • 返回 :a 排在 b 前面
  • 返回 0:位置不变(稳定排序中保持原有相对顺序)
  • 返回 > 0:a 排在 b 后面

升序最简写法:(a, b) => a - b;降序:(a, b) => b - a。

注意:不能直接写 a 或 return a ——这会把 0 当作 false 错误处理,且忽略相等情况。

处理对象数组:按字段排序要小心 undefined

对 [{name: "Alice", age: 30}, {name: "Bob"}] 按 age 排序时,Bob.age 是 undefined,参与减法会得 NaN,导致整个排序结果不可预测(甚至返回原数组乱序)。

Java 接口排错助手
Java 接口排错助手

在调试 Java 后端 API 故障时使用此技能,尤其适用于以下任务:分析日志、跨 Controller、Service 和 Mapper 层追踪请求、定位异常根因、检查 SQL 执行或参数流转,以及生成简洁的诊断结论与修复方案。

下载

安全写法示例(升序,undefined 排最后):

arr.sort((a, b) => {
  const aVal = a.age ?? Infinity;
  const bVal = b.age ?? Infinity;
  return aVal - bVal;
});

更通用的策略是先做存在性判断或统一兜底值,而不是依赖隐式转换。

性能与稳定性:原生 sort() 已足够,别手写快排

V8 引擎(Chrome / Node.js)的 Array.prototype.sort() 在数组长度 ≥ 10 时使用 TimSort(稳定、高效、适应性强),小数组用插入排序。它比绝大多数手写快排/归并更可靠,也支持稳定排序(ES2019+ 规范保证)。

除非有特殊需求(如自定义比较开销极大、需中断排序、或处理超大数据流),否则不要自己实现排序算法。手写容易出错,还失去引擎优化红利。

真正容易被忽略的是:比较函数里避免副作用(如修改原数组、发起请求)、避免计算密集操作(如反复解析 JSON),这些会让排序变慢甚至行为异常。

Java免费学习笔记:立即使用
解锁 Java 大师之旅:从入门到精通的终极指南

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

2023.08.07

2235

5

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.23

3602

1

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

2023.10.13

1196

3

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

2025.09.10

4159

7

chrome什么意思
chrome什么意思

chrome是浏览器的意思,由Google开发的网络浏览器,它在2008年首次发布,并迅速成为全球最受欢迎的浏览器之一。本专题为大家提供chrome相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.11

2886

5

chrome无法加载插件怎么办
chrome无法加载插件怎么办

chrome无法加载插件可以通过检查插件是否已正确安装、禁用和启用插件、清除插件缓存、更新浏览器和插件、检查网络连接和尝试在隐身模式下加载插件方法解决。更多关于chrome相关问题,详情请看本专题下面的文章。php中文网欢迎大家前来学习。

2023.11.06

5859

7

Chrome开启无痕模式
Chrome开启无痕模式

本专题整合了Chrome无痕模式开启相关内容,阅读专题下面的文章了解更多详细教程。

2026.03.24

4167

22

sort排序函数用法
sort排序函数用法

sort排序函数的用法:1、对列表进行排序,默认情况下,sort函数按升序排序,因此最终输出的结果是按从小到大的顺序排列的;2、对元组进行排序,默认情况下,sort函数按元素的大小进行排序,因此最终输出的结果是按从小到大的顺序排列的;3、对字典进行排序,由于字典是无序的,因此排序后的结果仍然是原来的字典,使用一个lambda表达式作为key参数的值,用于指定排序的依据。

2023.09.04

1158

7

js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.03

1858

5

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WebStorm 官方调试文档
WebStorm 官方调试文档

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 12.4万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.8万人学习