news 2026/5/23 11:51:48

JavaScript 中常用排序方法的性能对比和分析

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
JavaScript 中常用排序方法的性能对比和分析

一、原生数组排序方法

1.Array.prototype.sort()

javascript

// 默认排序(按字符串Unicode码点) arr.sort() // 自定义比较函数 arr.sort((a, b) => a - b) // 数字升序
  • 时间复杂度

    • V8引擎:使用Timsort(归并+插入)

    • 平均/最坏情况:O(n log n)

    • 最佳情况:O(n)

  • 空间复杂度:O(n)(稳定排序需要额外空间)

  • 特点:稳定排序,适合大多数场景


二、经典排序算法实现

2.快速排序

javascript

function quickSort(arr) { if (arr.length <= 1) return arr; const pivot = arr[Math.floor(arr.length / 2)]; const left = arr.filter(x => x < pivot); const middle = arr.filter(x => x === pivot); const right = arr.filter(x => x > pivot); return quickSort(left).concat(middle, quickSort(right)); }
  • 平均时间复杂度:O(n log n)

  • 最坏情况:O(n²)(已排序数组)

  • 空间复杂度:O(log n) ~ O(n)

  • 特点:原地排序,不稳定

3.归并排序

javascript

function mergeSort(arr) { if (arr.length <= 1) return arr; const mid = Math.floor(arr.length / 2); return merge(mergeSort(arr.slice(0, mid)), mergeSort(arr.slice(mid))); }
  • 时间复杂度:O(n log n)

  • 空间复杂度:O(n)

  • 特点:稳定排序,适合链表

4.堆排序

javascript

function heapSort(arr) { // 建堆 for (let i = Math.floor(arr.length / 2) - 1; i >= 0; i--) { heapify(arr, arr.length, i); } // 排序 for (let i = arr.length - 1; i > 0; i--) { [arr[0], arr[i]] = [arr[i], arr[0]]; heapify(arr, i, 0); } return arr; }
  • 时间复杂度:O(n log n)

  • 空间复杂度:O(1)

  • 特点:原地排序,不稳定


三、简单但低效的排序

5.冒泡排序

javascript

function bubbleSort(arr) { for (let i = 0; i < arr.length; i++) { for (let j = 0; j < arr.length - i - 1; j++) { if (arr[j] > arr[j + 1]) { [arr[j], arr[j + 1]] = [arr[j + 1], arr[j]]; } } } return arr; }
  • 时间复杂度:O(n²)

  • 特点:实现简单,适合教学


6.插入排序

javascript

function insertionSort(arr) { for (let i = 1; i < arr.length; i++) { let key = arr[i]; let j = i - 1; while (j >= 0 && arr[j] > key) { arr[j + 1] = arr[j]; j--; } arr[j + 1] = key; } return arr; }
  • 最佳情况:O(n)(已排序)

  • 最坏情况:O(n²)

  • 特点:对小数组或基本有序数组高效


四、性能对比数据

以下是在 Chrome 119 中对 10,000 个随机整数的测试结果:

排序方法平均时间(ms)相对速度
原生 sort()1-3最快
快速排序5-10≈2-3倍慢
归并排序8-15≈3-5倍慢
堆排序10-20≈4-7倍慢
插入排序150-300≈50-100倍慢
冒泡排序400-800≈150-300倍慢

五、选择建议

1.日常使用

javascript

// 99% 的场景使用原生 sort arr.sort((a, b) => a - b);

2.特殊场景

  • 小数组 (n < 10):插入排序可能更快

  • 几乎有序的数据:插入排序或冒泡排序

  • 内存敏感:堆排序(原地排序)

  • 需要稳定性:归并排序或 Timsort


3.现代 JavaScript 优化

javascript

// 使用 TypedArray 提高数值排序性能 const float64Array = new Float64Array([3, 1, 2]); float64Array.sort(); // 使用高度优化的底层实现 // Web Workers 并行处理大数据 if (window.Worker) { const worker = new Worker('sort-worker.js'); worker.postMessage(largeArray); }

关联阅读推荐

TypedArray 详解


什么是 TypedArray

TypedArray是 JavaScript 中处理二进制数据的对象,它提供了类似数组的视图来访问原始二进制缓冲区中的数据。

核心特点:
  • 类型化:每个元素都有固定的数据类型(如 Int8、Uint32、Float64 等)

  • 高性能:直接操作内存,避免了 JavaScript 对象的开销

  • 固定长度:创建后长度不可变

  • 内存高效:数据在内存中连续存储

TypedArray 类型
类型字节长度数值范围描述
Int8Array1-128 ~ 1278位有符号整数
Uint8Array10 ~ 2558位无符号整数
Uint8ClampedArray10 ~ 2558位无符号整数(限制范围)
Int16Array2-32768 ~ 3276716位有符号整数
Uint16Array20 ~ 6553516位无符号整数
Int32Array4-2³¹ ~ 2³¹-132位有符号整数
Uint32Array40 ~ 2³²-132位无符号整数
Float32Array4±1.2×10⁻³⁸ ~ ±3.4×10³⁸32位浮点数
Float64Array8±5.0×10⁻³²⁴ ~ ±1.8×10³⁰⁸64位浮点数
BigInt64Array8-2⁶³ ~ 2⁶³-164位有符号大整数
BigUint64Array80 ~ 2⁶⁴-164位无符号大整数

4.实际考虑因素

javascript

// 根据数据特性选择 function smartSort(arr) { if (arr.length < 10) { return insertionSort(arr); } else if (isAlmostSorted(arr)) { return bubbleSort(arr); } else { return arr.sort((a, b) => a - b); } }

六、最佳实践总结

  1. 优先使用Array.prototype.sort()- V8 的 Timsort 高度优化

  2. 避免自己实现排序算法- 除非有特殊需求

  3. 考虑数据特征- 数据量、有序程度、数据类型

  4. 使用适当的数据结构- 有时不需要排序,用 Map/Set 更高效

  5. 大数据集考虑分治- 分批排序或使用 Web Workers


原生sort()方法在绝大多数情况下都是最佳选择,除非你有明确的性能瓶颈和特殊需求。


关联阅读推荐

JavaScript 原生 sort() 方法详解

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/5/22 1:10:56

实力见证 | 尚医云·小济医生入选2025广州市“隐形冠军”企业名单

10月28日&#xff0c;以“冠军力量澎湃动能”为主题的2025广州市“隐形冠军”企业新质发展招商投资大会隆重召开。在这场汇聚产业精英的盛会上&#xff0c;尚医云小济医生凭借在人工智能超声筛查领域的源头创新与落地成果&#xff0c;成功入选2025广州市“隐形冠军”企业。图源…

作者头像 李华
网站建设 2026/5/21 16:38:38

Cordova与OpenHarmony施肥记录管理

欢迎大家加入开源鸿蒙跨平台开发者社区&#xff0c;一起共建开源鸿蒙跨平台生态。 施肥管理系统概述 施肥记录管理系统用于记录和追踪植物的施肥历史。在Cordova框架与OpenHarmony系统的结合下&#xff0c;我们需要实现一个完整的施肥管理系统&#xff0c;包括施肥记录的创建、…

作者头像 李华
网站建设 2026/5/1 0:33:32

娱乐or办公?何必二选一!移远云平板解决方案, 解锁智能终端新体验

在数字化生活与办公深度融合的今天&#xff0c;人们对于智能终端的需求日益多元——既希望拥有平板的便携与娱乐性&#xff0c;又需要电脑的高效生产力&#xff0c;同时追求性能、续航与体验的全面均衡。针对这一核心需求&#xff0c;移远通信重磅推出全新云平板解决方案。方案…

作者头像 李华
网站建设 2026/5/23 8:16:58

HuggingFace自定义模型接入Anything-LLM实战

掌控你的AI大脑&#xff1a;HuggingFace自定义模型接入Anything-LLM实战 在一家初创企业的技术晨会上&#xff0c;法务同事上传了一份长达80页的并购协议PDF&#xff0c;然后问&#xff1a;“这份合同里关于竞业禁止的条款具体覆盖哪些岗位&#xff1f;” 如果是过去&#xff0…

作者头像 李华
网站建设 2026/5/22 19:08:11

Python爬虫实战:利用最新技术从交易所API爬取比特币/加密货币价格与交易数据

引言 在数字货币的浪潮中,获取实时、准确的加密货币数据对于投资者、分析师和开发者至关重要。本文将详细介绍如何使用Python爬虫技术从各大交易所API获取比特币及其他加密货币的价格与交易数据,并进行基本的行情分析。我们将使用最新的Python库和技术栈,包括异步请求、数据…

作者头像 李华