堆通常实现为全完二叉树,二叉堆一般分为两种:最大堆和最小堆。堆排序就是通过将数组转换成最大堆结构再进行排序。

// 原理:把数组转换成最大堆来排序。把堆顶的最大数取出,将剩余的堆继续调整为最大堆,再次将堆顶的最大数取出,这个过程持续到剩余数只有一个时结束。(堆是一种完全二叉树结构)
// 数组转换为二叉树结构算法:
// 索引0是树的根节点;
// 除根节点外,任意节点N的父节点是floor(N/2)(节点N的N是从1开始计算,也就是索引为0的元素为根节点即节点1);
// 节点L的左子节点是2*L;
// 节点R的右子节点是2*R+1
// 以下是二叉树结构的索引表示:
//
// 2 3
// 4 5 6 7
// 所以节点N对应数组的值为:节点N的值 = arr[节点N - 1] const heapSort = (arr) => {
// 将 arr 转为最大堆结构的数组
// 最大堆:1.最大元素值出现在根节点(堆顶);2.堆中每个父节点的值都大于等于其子节点
// 以下是最大堆结构的值展示:
//
// 7 4
// 3 5 1 2
const buildHeap = (arr) => {
const heapSize = arr.length;
// 取出数组中最后一个父节点的索引。因为子节点是2倍父节点索引,所以数组长度除以2就得到最后一个父节点的索引。
let i = Math.floor(arr.length / 2);
// 从最后一个父节点往前进行最大堆化,就能实现小的往下移,大的往上移,最后成为最大堆结构
while (i >= 0) {
maxHeapify(arr, heapSize, i);
// 往前面的父节点进行遍历
i--;
}
} // 对数组进行最大堆化。从节点 i 开始检查其子树,并保持此子树的最大堆性质,将小的往下移,大的往上移。
// 每次调用传入的都是同一个数组,只是 heapSize 和 i 在变化
// i 是节点在数组中的索引
const maxHeapify = (arr, heapSize, i) => {
let left = i * 2 + 1, // 左子节点的索引
right = i * 2 + 2, // 右子节点的索引
largest = i; // 假设最大值是 i // 如果左节点大于 largest 则把 largest 设为左节点。heapSize 之后的位置是已经排序了的,所以有个小于 heapSize 的条件
if (left < heapSize && arr[left] > arr[largest]) {
largest = left;
}
// 如果右节点大于 largest 则把 largest 设为右节点
if (right < heapSize && arr[right] > arr[largest]) {
largest = right;
} // 如果 largest !== i,则说明传入的 i 不是 largest 的
if (largest !== i) {
// 将 i 和 largest 的值交换
[arr[i], arr[largest]] = [arr[largest], arr[i]];
// 递归调用。因为上面将 largest 和 i 的值调换了,所以现在 largest 索引的值依然是函数开始时 i 的值。也就是把 i 和它的 left 或 right 进行了交换。
maxHeapify(arr, heapSize, largest);
}
} buildHeap(arr); // 构建最大堆 let heapSize = arr.length;
// 使用 while 循环,将最大堆变成排序后的数组
while (heapSize > 1) {
heapSize--; // 下面一句交换位置,交换之后最大值就到末尾了,那么之后的排序不用再和它进行比较,所以将 heapSize--。第一次的减减是因为 heapSize 是数组长度,而最后一位下标是 length - 1
[arr[0], arr[heapSize]] = [arr[heapSize], arr[0]]; // 交换堆里第一个元素(较大值)和最后一个元素(较小值)的位置,这样最大值就会出现在它已排序的位置
maxHeapify(arr, heapSize, 0); // 将索引为0的元素重新放到树的底部。(通过上面的交换,根节点成了较小的值,这不符合最大堆的性质)
}
} let arr = [];
for (let i = 0; i < 10; i++) {
arr.push(Math.floor(Math.random() * 100));
}
heapSort(arr);
console.log(arr);

参考:

http://bubkoo.com/2014/01/14/sort-algorithm/heap-sort/

《JavaScript数据结构与算法》

JavaScript 堆排序详解的更多相关文章

  1. JavaScript事件详解-jQuery的事件实现(三)

    正文 本文所涉及到的jQuery版本是3.1.1,可以在压缩包中找到event模块.该篇算是阅读笔记,jQuery代码太长.... Dean Edward的addEvent.js 相对于zepto的e ...

  2. JavaScript事件详解-Zepto的事件实现(二)【新增fastclick阅读笔记】

    正文 作者打字速度实在不咋地,源码部分就用图片代替了,都是截图,本文讲解的Zepto版本是1.2.0,在该版本中的event模块与1.1.6基本一致.此文的fastclick理解上在看过博客园各个大神 ...

  3. JavaScript正则表达式详解(一)正则表达式入门

    JavaScript正则表达式是很多JavaScript开发人员比较头疼的事情,也很多人不愿意学习,只是必要的时候上网查一下就可以啦~本文中详细的把JavaScript正则表达式的用法进行了列表,希望 ...

  4. JavaScript正则表达式详解(二)JavaScript中正则表达式函数详解

    二.JavaScript中正则表达式函数详解(exec, test, match, replace, search, split) 1.使用正则表达式的方法去匹配查找字符串 1.1. exec方法详解 ...

  5. JavaScript事件详解-zepto的事件实现

    zepto的event 可以结合上一篇JavaScript事件详解-原生事件基础(一)综合考虑源码暂且不表,github里还有中文网站都能下到最新版的zepto.整个event模块不长,274行,我们 ...

  6. javascript 函数详解2 -- arguments

    今天我们接着上篇文章来继续javascript函数这个主题.今天要讲的是函数对像中一个很重要的属性--arguments. 相关阅读: javascript 函数详解1 -- 概述 javascrip ...

  7. [原创]JavaScript继承详解

    原文链接:http://www.cnblogs.com/sanshi/archive/2009/07/08/1519036.html 面向对象与基于对象 几乎每个开发人员都有面向对象语言(比如C++. ...

  8. javaScript基础详解(1)

    javaScript基础详解 首先讲javaScript的摆放位置:<script> 与 </script> 可以放在head和body之间,也可以body中或者head中 J ...

  9. javascript设计模式详解之命令模式

    每种设计模式的出现都是为了弥补语言在某方面的不足,解决特定环境下的问题.思想是相通的.只不过不同的设计语言有其特定的实现.对javascript这种动态语言来说,弱类型的特性,与生俱来的多态性,导致某 ...

随机推荐

  1. JVM运行时内存模型

    JDK1.7版本图 一,栈   基本数据类型的局部变量是直接保存在栈中. 栈帧:一个栈里面会包含多个栈帧,每一个栈帧代表一个方法的开始到结束,它涵盖了整个方法运行期间所有的操作和数据 栈帧 1:局部变 ...

  2. 《温故而知新》JAVA基础四

    类的封装 定义:将类的一些信息隐藏起来,不允许外部的程序直接的访问,而是通过该类提供的一些方法来获取 好处:只能通过特定的法方法访问数据,保护了数据, 实现封装的步骤: 修改属性的可见性:(一般类属性 ...

  3. 当后台获取内容有标签时如何过滤---angular

    $sce controller中注入$sce服务; 假设将获取到的标签内容为result; $scope.result = $sce.trustAsHtml(result); 在html页面中则< ...

  4. js Infinity 属性

    Infinity 属性用于存放表示正无穷大的数值. 说明 无法使用 for/in 循环来枚举 Infinity 属性,也不能用 delete 运算符来删除它. Infinity 不是常量,可以把它设置 ...

  5. 【文献08】多移动机器人轨迹跟踪控制系统设计与实现-运动学ADRC控制

    参考: 陈俊, 俞立, 滕游. 多移动机器人轨迹跟踪控制系统设计与实现[J]. 计算机测量与控制, 2017(7). https://drive.wps.cn/view/p/28819052019?f ...

  6. linux软件管理之yum管理rpm包

    YUM 使用官方源 ==================================================================================== 阿里镜像站 ...

  7. ubantu下git的连接和使用

    目录 操作命令 创建仓库,并提交一个readme文件. 文件改动怎么办 版本回退 版本库(Repository) 撤销修改 删除文件 远程仓库 添加远程库 本地有一个仓库,想要在GitHub上同步这个 ...

  8. webpack不同版本导致的promise不存在问题

    之前采用的axios是基于promise的,但是IE并没有内置promise,所以要提前install一个promise插件: npm install promise import Promise f ...

  9. javascript里文字选中/选中文字

    一.获取/清除选中的文字 //获取选中的文字 document.getElementById("get").onclick = function () { var txt = wi ...

  10. 移动端解决悬浮层(悬浮header、footer)会遮挡住内容的方法

    固定Footer Bootstrap框架提供了两种固定导航条的方式: ☑  .navbar-fixed-top:导航条固定在浏览器窗口顶部 ☑  .navbar-fixed-bottom:导航条固定在 ...