前端算法之堆 -- 计数排序

2024-01-06 03:44

本文主要是介绍前端算法之堆 -- 计数排序,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

  • 堆用于解决什么问题
    • 堆排序(Heap Sort):
    • 优先队列(Priority Queue):
    • 图算法中的最短路径和最小生成树问题:
    • 中位数查找:
    • 合并K个有序数组:
  • 例子:库存管理 III On时间复杂度
    • 原生API
    • 使用堆 : 计数排序 – 拿空间换时间
  • 扩展1:JavaScript slice 方法
  • 扩展2:计数排序

堆可以分为 最小堆最大堆 两种类型。

在最小堆中,每个父节点的值都要小于或等于其子节点的值,也就是说,根节点是整个堆中的最小值。

而在最大堆中,每个父节点的值都要大于或等于其子节点的值,也就是说,根节点是整个堆中的最大值。

下面举例说明堆的概念:

最小堆:

假设我们有一个包含以下元素的最小堆:[5, 7, 10, 12, 15, 17, 20]

它的二叉树表示如下:

         5/   \7      10/  \    /  \12   15  17  20

在最小堆中,根节点的值5是整个堆中的最小值。并且,每个父节点的值都小于或等于其子节点的值。

最大堆:

假设我们有一个包含以下元素的最大堆:[30, 25, 20, 15, 10, 5]

它的二叉树表示如下:

        30/   \25      20/   \    /15    10  5

在最大堆中,根节点的值30是整个堆中的最大值。并且,每个父节点的值都大于或等于其子节点的值。

堆可以应用于许多算法和数据结构,例如堆排序、优先队列等。

更多详细内容,请微信搜索“前端爱好者戳我 查看

堆用于解决什么问题

堆(Heap)数据结构可以用于解决以下问题:

堆排序(Heap Sort):

通过使用堆进行排序,可以将一个无序数组转换为有序数组。堆排序的时间复杂度为O(nlogn),是一种高效的排序算法。

优先队列(Priority Queue):

优先队列是一种特殊的队列,每个元素都有与之关联的优先级。堆可以实现优先队列的基本操作,如插入元素、删除具有最高优先级的元素等。常见的应用包括任务调度、事件处理等。

图算法中的最短路径和最小生成树问题:

在一些图算法中,如Dijkstra算法和Prim算法,需要找到最短路径或最小生成树。

堆可以用来维护待处理节点集合,并在每次选择下一个节点时选择具有最小权重的节点。

中位数查找:

在一系列数字中找到中位数是一种常见的问题。使用堆,可以高效地找到中位数,其中最小堆和最大堆可以分别存储较大和较小的一半数字。

合并K个有序数组:

当需要合并多个有序数组时,可以使用堆来提高效率。通过将每个数组的最小元素放入堆中,然后每次弹出堆顶元素进行合并,可以在时间复杂度为O(nlogk)的情况下完成合并操作。

这些只是堆应用的一些例子,堆还可以用于解决其他许多问题,特别是那些需要高效地查找最小或最大元素的场景。

例子:库存管理 III O(n)时间复杂度

原生API

leetcode链接 :https://leetcode.cn/problems/zui-xiao-de-kge-shu-lcof/

仓库管理员以数组 stock 形式记录商品库存表,其中 stock[i] 表示对应商品库存余量。请返回库存余量最少的 cnt 个商品余量,返回 顺序不限。

示例 1:

输入:stock = [2,5,7,4], cnt = 1
输出:[2]

示例 2:

输入:stock = [0,2,3,6], cnt = 2
输出:[0,2][2,0]

提示:

0 <= cnt <= stock.length <= 100000 <= stock[i] <= 10000

思路:先排序,然后取值

/*** @param {number[]} stock* @param {number} cnt* @return {number[]}*/
var inventoryManagement = function(stock, cnt) {// 先排序,然后取值return stock.sort((a,b)=>a-b).slice(0,cnt)
};

使用堆 : 计数排序 – 拿空间换时间

/*** @param {number[]} stock* @param {number} cnt* @return {number[]}*/
var inventoryManagement = function(stock, cnt) {// 先排序,然后取值return  countingSort(stock,cnt,10000)
};const countingSort = (arr,k,length)=>{// 将新开辟一个空间,将输入的数据存储到空间let bucket = new Array(length) let sortedIndex = 0let arrLen = arr.lengthlet bukectLength = length// stock [2,5,7,4] 原抬款组中下标对应的值 对应此处的下标for(let i = 0; i < arrLen;i++){if(!bucket[arr[i]]){bucket[arr[i]]= 0}bucket[arr[i]] ++} // bucket [0,0,1,0,1,1,0,1,]let res = [] for (let j = 0; j < bukectLength;j++){while(bucket[j]-- > 0 && sortedIndex < k){res[sortedIndex++] = j}if(sortedIndex === k){break}}return res
}

扩展1:JavaScript slice 方法

在JavaScript中,slice()是一个数组方法,用于从原始数组中提取指定范围的元素,并返回一个新的数组。它不会修改原始数组,而是返回一个浅拷贝。

slice()方法接受两个参数:起始索引和结束索引(可选)。起始索引指定了截取的起始位置,包含该索引对应的元素;结束索引指定了截取的结束位置,但不包含该索引对应的元素。

使用示例:

const fruits = ['apple', 'banana', 'orange', 'grapefruit', 'kiwi'];// 截取索引1到3之间的元素(不包括索引3)
const slicedFruits = fruits.slice(1, 3);
console.log(slicedFruits); // 输出: ['banana', 'orange']// 不传递结束索引,则截取从起始索引到数组末尾的所有元素
const slicedFruits2 = fruits.slice(2);
console.log(slicedFruits2); // 输出: ['orange', 'grapefruit', 'kiwi']// 负数索引表示从数组末尾开始计算,-2表示倒数第二个元素
const slicedFruits3 = fruits.slice(-2);
console.log(slicedFruits3); // 输出: ['grapefruit', 'kiwi']// 可以将slice()用于字符串
const str = "Hello, World!";
const slicedStr = str.slice(7, 12);
console.log(slicedStr); // 输出: "World"

注意事项:

  • 如果结束索引小于起始索引,则返回一个空数组。
  • 原始数组的元素不会受到slice()方法影响,它仅返回一个新的数组副本。
  • slice()方法对字符串同样适用,可以截取指定范围内的字符子串。

扩展2:计数排序

计数排序(Counting Sort)是一种线性时间复杂度(O(n+k))的排序算法,其中n是待排序元素的数量,k是待排序元素的取值范围大小。计数排序适用于排序范围较小的整数数组。

计数排序的基本思想是统计每个元素出现的次数,然后根据统计信息将元素放回正确的位置。它使用一个额外的计数数组来存储每个元素的出现次数,然后通过累加计数数组中的值,确定每个元素在排好序的数组中的最终位置。

下面是计数排序的示例步骤:

  1. 统计每个元素出现的次数:遍历待排序数组,对每个元素进行计数,并将计数结果存储在对应索引位置的计数数组中。

  2. 累加计数数组:对计数数组进行累加操作,每个位置的值等于前面所有位置的值之和,这样可以确定每个元素在排序后数组中的最终位置。

  3. 排序:创建一个与待排序数组相同大小的临时数组,遍历待排序数组,根据计数数组中的值确定每个元素在临时数组中的位置,并将元素放置到临时数组中。

  4. 将临时数组中的元素复制回原始数组:将临时数组中的元素按顺序复制回原始数组,即完成排序。

以下是一个计数排序的示例代码(使用JavaScript):

function countingSort(arr) {const len = arr.length;if (len <= 1) {return arr;}// 找出待排序数组中的最大值let max = arr[0];for (let i = 1; i < len; i++) {if (arr[i] > max) {max = arr[i];}}// 创建计数数组,并统计每个元素的出现次数const countArray = new Array(max + 1).fill(0);for (let i = 0; i < len; i++) {countArray[arr[i]]++;}// 累加计数数组for (let i = 1; i <= max; i++) {countArray[i] += countArray[i - 1];}// 创建临时数组存储排序结果const tempArray = new Array(len);// 排序for (let i = len - 1; i >= 0; i--) {const value = arr[i];const index = countArray[value] - 1;tempArray[index] = value;countArray[value]--;}// 将临时数组复制回原始数组for (let i = 0; i < len; i++) {arr[i] = tempArray[i];}return arr;
}// 使用示例
const array = [5, 8, 2, 1, 9, 3, 5];
const sortedArray = countingSort(array);
console.log(sortedArray); // 输出: [1, 2, 3, 5, 5, 8, 9]

计数排序的优势在于它不是基于比较的排序算法,因此在某些情况下,它可以比其他排序算法更快。但是,计数排序的缺点是它对输入数据的取值范围有一定要求,并且需要额外的空间来存储计数数组和临时数组。

这篇关于前端算法之堆 -- 计数排序的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/575104

相关文章

Java中的雪花算法Snowflake解析与实践技巧

《Java中的雪花算法Snowflake解析与实践技巧》本文解析了雪花算法的原理、Java实现及生产实践,涵盖ID结构、位运算技巧、时钟回拨处理、WorkerId分配等关键点,并探讨了百度UidGen... 目录一、雪花算法核心原理1.1 算法起源1.2 ID结构详解1.3 核心特性二、Java实现解析2.

一文详解Java Stream的sorted自定义排序

《一文详解JavaStream的sorted自定义排序》Javastream中的sorted方法是用于对流中的元素进行排序的方法,它可以接受一个comparator参数,用于指定排序规则,sorte... 目录一、sorted 操作的基础原理二、自定义排序的实现方式1. Comparator 接口的 Lam

前端如何通过nginx访问本地端口

《前端如何通过nginx访问本地端口》:本文主要介绍前端如何通过nginx访问本地端口的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、nginx安装1、下载(1)下载地址(2)系统选择(3)版本选择2、安装部署(1)解压(2)配置文件修改(3)启动(4)

HTML中meta标签的常见使用案例(示例详解)

《HTML中meta标签的常见使用案例(示例详解)》HTMLmeta标签用于提供文档元数据,涵盖字符编码、SEO优化、社交媒体集成、移动设备适配、浏览器控制及安全隐私设置,优化页面显示与搜索引擎索引... 目录html中meta标签的常见使用案例一、基础功能二、搜索引擎优化(seo)三、社交媒体集成四、移动

HTML input 标签示例详解

《HTMLinput标签示例详解》input标签主要用于接收用户的输入,随type属性值的不同,变换其具体功能,本文通过实例图文并茂的形式给大家介绍HTMLinput标签,感兴趣的朋友一... 目录通用属性输入框单行文本输入框 text密码输入框 password数字输入框 number电子邮件输入编程框

HTML img标签和超链接标签详细介绍

《HTMLimg标签和超链接标签详细介绍》:本文主要介绍了HTML中img标签的使用,包括src属性(指定图片路径)、相对/绝对路径区别、alt替代文本、title提示、宽高控制及边框设置等,详细内容请阅读本文,希望能对你有所帮助... 目录img 标签src 属性alt 属性title 属性width/h

CSS3打造的现代交互式登录界面详细实现过程

《CSS3打造的现代交互式登录界面详细实现过程》本文介绍CSS3和jQuery在登录界面设计中的应用,涵盖动画、选择器、自定义字体及盒模型技术,提升界面美观与交互性,同时优化性能和可访问性,感兴趣的朋... 目录1. css3用户登录界面设计概述1.1 用户界面设计的重要性1.2 CSS3的新特性与优势1.

HTML5 中的<button>标签用法和特征

《HTML5中的<button>标签用法和特征》在HTML5中,button标签用于定义一个可点击的按钮,它是创建交互式网页的重要元素之一,本文将深入解析HTML5中的button标签,详细介绍其属... 目录引言<button> 标签的基本用法<button> 标签的属性typevaluedisabled

HTML5实现的移动端购物车自动结算功能示例代码

《HTML5实现的移动端购物车自动结算功能示例代码》本文介绍HTML5实现移动端购物车自动结算,通过WebStorage、事件监听、DOM操作等技术,确保实时更新与数据同步,优化性能及无障碍性,提升用... 目录1. 移动端购物车自动结算概述2. 数据存储与状态保存机制2.1 浏览器端的数据存储方式2.1.

基于 HTML5 Canvas 实现图片旋转与下载功能(完整代码展示)

《基于HTML5Canvas实现图片旋转与下载功能(完整代码展示)》本文将深入剖析一段基于HTML5Canvas的代码,该代码实现了图片的旋转(90度和180度)以及旋转后图片的下载... 目录一、引言二、html 结构分析三、css 样式分析四、JavaScript 功能实现一、引言在 Web 开发中,