参考文章:

1. 冒泡排序

思路

  • 比较所有相邻元素,如果第一个比第二个大,则交换它们
  • 一轮下来,可以保证最后一个数是最大的
  • 执行n-1轮,就可以完成排序

代码

Array.prototype.bubbleSort = function () {
for (let i = 0; i < this.length - 1; i++) {
let hasSwapped = false // 本轮是否有交换行为
for (let j = 0; j < this.length - 1 - i; j++) {
if (this[j] > this[j + 1]) {
hasSwapped = true
const temp = this[j]
this[j] = this[j + 1]
this[j + 1] = temp
}
}
// 若本轮没有交换行为,则无需再进行下一轮遍历
if (!hasSwapped) {
break;
}
}
} const arr = [5, 4, 3, 2, 1]
arr.bubbleSort()
console.log('arr', arr)

分析

  • 时间复杂度:

    • 最好:O(n)【已排好序的数组,没有交换,一轮遍历完成】
    • 最坏:O(n2)
    • 平均:O(n2)
  • 空间复杂度:O(1)
  • 排序方式:In-place
  • 稳定性:稳定

2. 选择排序

思路

  • 找到数组中的最小值(用indexMin来表示当前值下标,遍历遇到更小的就替换为它),将其放置在第一位(和原第一位交换)
  • 接着找到第二小的值,选中它并将其放置在第二位
  • 以此类推,执行n-1轮

代码

Array.prototype.selectionSort = function () {
for (let i = 0; i < this.length - 1; i++) {
let indexMin = i
for (let j = i; j < this.length; j++) {
if (this[j] < this[indexMin]) {
indexMin = j
}
} // 若当前位就是最小位,则不交换
if (indexMin !== i) {
const temp = this[i]
this[i] = this[indexMin]
this[indexMin] = temp
}
}
} const arr = [5, 4, 3, 2, 1]
arr.selectionSort()
console.log('arr', arr)

分析

  • 时间复杂度:

    • 最好:O(n2)
    • 最坏:O(n2)
    • 平均:O(n2)
  • 空间复杂度:O(1)
  • 排序方式:In-place
  • 稳定性:不稳定

3. 插入排序

思路

  • 将一个元素插入到前面排序的子序列中,使插入后的子序列仍然是排序的,n个元素共需n-1趟
  • 从第二个数开始往前比,比他大就往后排,以此类推进行到最后一个数

代码

Array.prototype.insertionSort = function () {
for (let i = 1; i < this.length; i++) {
const num = this[i];
for (let j = i - 1; j >= 0; j--) {
if (num < this[j]) {
this[j + 1] = this[j]
}
else {
break
}
}
this[j + 1] = num
}
} const arr = [5, 4, 3, 2, 1]
arr.insertionSort()
console.log('arr', arr)

分析

  • 时间复杂度:

    • 最好:O(n)
    • 最坏:O(n2)
    • 平均:O(n2)
  • 空间复杂度:O(1)
  • 排序方式:In-place
  • 稳定性:稳定

4. 归并排序

思路

  • 分:把数组劈成两半,再递归地对子数组进行“分”操作,直到分成一个个单独的数
  • 合:把两个数合并为有序数组,再对有序数组进行合并,直到全部子数组合并为一个完整数组
    • 合并两个有序数组

      • 新建一个空数组res,用于存放最终排序后的数组
      • 比较两个有序数组的头部,较小者出队并推入res中
      • 如果两个数组还有值,就重复第二步

代码

Array.prototype.mergeSort = function () {
// 终点
if (this.length === 1) {
return this
}
// 分
const mid = Math.floor(this.length / 2)
const left = this.slice(0, mid)
const right = this.slice(mid)
left.mergeSort()
right.mergeSort()
// 合
let res = []
while (left.length > 0 || right.length > 0) {
if (left.length > 0 && right.length > 0) {
left[0] < right[0] ? res.push(left.shift()) : res.push(right.shift())
}
else if (left.length > 0) {
res.push(left.shift())
} else {
res.push(right.shift())
}
}
// res 拷贝到 this
res.forEach((item, i) => {
this[i] = item
})
} const arr = [5, 4, 3, 2, 1]
arr.mergeSort()
console.log('arr', arr)

分析

  • 时间复杂度:

    • 最好:O(nlogn)
    • 最坏:O(nlogn)
    • 平均:O(nlogn)
      • 轮数:O(logn)
      • 每轮遍历:O(n)
  • 空间复杂度:O(n)
    • 临时的数组 n + 递归时压入栈的数据占用的空间 logn
  • 排序方式:Out-place
  • 稳定性:稳定

5. 快速排序

思路

  • 分区:在数据序列中选择一个元素作为基准值,每趟从数据序列的两端开始交替进行,将小于基准值的元素交换到序列前端,将大于基准值的元素交换到序列后端,介于两者之间的位置则成为基准值的最终位置(将基准值与最终位置或其前一位元素交换)。
  • 递归:递归地对基准前后的子数组进行分区

代码

Array.prototype.quickSort = function () {
// end: 包括
const rec = (start, end) => {
if (end <= start) {
return
}
const pivot = this[start]
let i = start + 1
let j = end
while (i < j) {
while (this[i] <= pivot && i < j) {
i++
}
while (this[j] >= pivot && i < j) {
j--
} // 若i<j,i和j交换
if (i < j) {
let temp = this[i]
this[i] = this[j]
this[j] = temp
}
}
// i == j 的情况 if (this[i] < pivot) {
// i和pivot交换
let temp = this[i]
this[i] = this[start]
this[start] = temp rec(start, i - 1)
rec(i + 1, end)
} else {
// i-1和pivot交换
let temp = this[i - 1]
this[i - 1] = this[start]
this[start] = temp rec(start, i - 2)
rec(i, end)
}
}
rec(0, this.length - 1)
} const arr = [3, 1, 5, 4, 2]
arr.quickSort()
console.log('arr', arr)

分析

  • 时间复杂度:

    • 最好:O(nlog2n)
    • 最坏:O(n2)【每轮选择的基准值都是极端值(最小/最大)】
    • 平均:O(nlog2n)
      • 轮数:O(log2n)
      • 每轮遍历:O(n)
  • 空间复杂度:O(logn)
    1. 递归时压入栈的数据占用的空间 logn
  • 排序方式:In-place
  • 稳定性:不稳定

JavaScript 实现排序算法的更多相关文章

  1. JavaScript版排序算法

    JavaScript版排序算法:冒泡排序.快速排序.插入排序.希尔排序(小数据时,希尔排序会比快排快哦) //排序算法 window.onload = function(){ var array = ...

  2. javascript高级排序算法之快速排序(快排)

    javascript高级排序算法之快速排序(快排)我们之前讨论了javascript基本排序算法 冒泡排序 选择排序 插入排序 简单复习: 冒泡排序: 比较相邻的两个元素,如果前一个比后一个大,则交换 ...

  3. javascript常用排序算法实现

    毕业后,由于工作中很少需要自已去写一些排序,所以那些排序算法都忘得差不多了,不过排序是最基础的算法,还是不能落下啦,于是找了一些资料,然后用Javascript实现了一些常用的算法,具体代码如下: & ...

  4. javascript常用排序算法总结

    算法是程序的灵魂.虽然在前端的开发环境中排序算法不是很经常用到,但常见的排序算法还是应该要掌握的.我在这里从网上整理了一下常见排序算法的javascript实现,方便以后查阅. 归并排序: 1 fun ...

  5. javascript的排序算法

    已经准备秋招一段时间了,因为这个关系也在各种巩固知识,顺便整理一下一些东西.这篇文章就是自己整理了一下各种JS的排序算法,以便自己以后回顾. 冒泡排序 function bubbleSort(arr) ...

  6. JavaScript之排序算法

    一.冒泡排序 原理:1.比较相邻的元素.如果第一个比第二个大,就交换两个数:2.对每一对相邻元素重复做步骤一,从开始第一对到结尾的最后一对,该步骤结束会产生一个最大的数:3.针对所有的数重复以上的步骤 ...

  7. JavaScript随机排序算法1

    1.对数组循环,每一项与随机的某一项位置调换 <ul id="listOne"></ul> <div id="tempOne"&g ...

  8. JavaScript实现排序算法总结

    <script type="text/javascript" src="js/laydate.js" > //插入排序 function inser ...

  9. javascript实现排序算法

    准备好好学习js了,js写的第一个排序 先推荐一个js在线编辑工具,RunJS,还不错. 冒泡排序 var arr = [2,4,1,5,3]; function handle(arr){ for(v ...

随机推荐

  1. 【命令】kill命令

    kill命令详解: <---用于向进程发送信号,以实现对进程的管理---> 语法格式:kill  [-s signal|-SIGNAL]  pid... kill -l [signal] ...

  2. 漫画 | 老泪纵横,约会也不敢耽误改bug

    啥都不说了, 直接看图, 就说你中了几枪. 小莱已经抹了好几把辛酸泪-- 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 关于作者 作者:大家好,我是莱乌,BAT搬砖工一枚.从 ...

  3. xxfpmW 的诞生过程

    最近因为在win 服务器搭建php服务,发现php-cgi.exe 很容易崩溃,看cpu和硬盘都没有暴涨,也不知道啥原因,网上查发现有一款xxfpm 小应用可以解决这个问题,但这个应用是2011年开发 ...

  4. Spring Data Cache

    Spring Data Cache注解使用 方法是一个对象,使用对象中的属性,如ID,作为cache key RedisConnection超时设置 参考 SpringBoot使用Redis缓存

  5. 超长JVM总结,面试必备

    什么是JVM JVM 是可运行 Java 代码的假想计算机 ,包括一套字节码指令集.一组寄存器.一个栈.一个垃圾回收,堆 和 一个存储方法域.JVM 是运行在操作系统之上的,它与硬件没有直接的交互. ...

  6. 解析STM32的库函数

    意法半导体在推出STM32微控制器之初,也同时提供了一套完整细致的固件开发包,里面包含了在STM32开发过程中所涉及到的所有底层操作.通过在程序开发中引入这样的固件开发包,可以使开发人员从复杂冗余的底 ...

  7. TCP实现网络通讯

    Tcp server的流程:1.创建套接字:2.bind绑定ip和port3.listen使套接字变为可以被动链接:4.accept等待客户端的链接(返回为服务器分配的客户端的句柄和地址)5.reci ...

  8. 对于home主页的切换处理

    经过测试,发现,在home首页的时候,滑动到某一个位置的时候,如果再点击tabbar中的"购物车"."分类"或者"我的"的时候,再点击到首页 ...

  9. springcloud学习(一)之Eureka

    前言 微服务原则上是应该有多个服务提供者的实例的,在通常情况下服务提供者的数量和分布往往是动态变化的,这样在传统的单体应用中的那种硬编码服务url进行远程调用的方式就不足取.服务注册中心就是为了解决服 ...

  10. RocketMQ 简介

    本文根据阿里云 RocketMQ产品文档整理 地址:https://help.aliyun.com/document_detail/29532.html?userCode=qtldtin2 简介 Ro ...