JavaScript队列数据结构详解:从基础实现到优先级队列
作者:拾光时间:2026-10-26 06:56:47浏览:473
本文深入解析JavaScript中的队列数据结构,涵盖基于数组和链表的两种实现方案。详细讲解enqueue、dequeue等核心操作,并通过击鼓传花算法演示队列应用。此外,重点介绍优先级队列的设计思路与实现,探讨其在线程调度、医疗分诊等场景下的实际应用,帮助开发者掌握受限线性结构的高级用法。
队列结构
一.认识队列
- 受限的线性结构:
- 此前我们已探讨过一种受限的线性结构:栈。
- 这种受限的数据结构在解决特定类型的问题时,往往能展现出独特的优势。
- 接下来,我们将学习另一种受限的数据结构:队列。
- 队列(Queue),它是一种受限的线性表,先进先出(FIFO First ln First Out)
- 其受限性体现在:仅允许在表的前端(front)执行删除操作。
- 而插入操作则被限制在表的后端(rear)进行。
- 生活中类似的队列结构
- 现实生活中,类似队列的场景比比皆是。
- 例如在电影院、商场或公共卫生间排队等候的情况。
- 遵循先来先服务的原则,优先排队者优先处理(如购票、结账或使用设施)。
二.队列的应用
- 打印队列:
- 假设有五份文档需要打印,这些文档会按顺序进入打印队列。
- 打印机将从队列中依次取出文档,优先处理先入队的文档并进行打印。
- 这一过程持续进行,直到队列为空,不再有新的文档加入。
- 线程队列:
- 在软件开发中,为实现任务的并行处理,通常会启动多个线程。
- 然而,不能允许大量线程同时运行,因为这会占用过多系统资源。
- 因此,当需要开启线程处理任务时,我们会使用线程队列。
- 线程队列按照既定顺序启动线程,并依次处理对应的任务。
- 队列如何实现呢?
- 下面我们将深入探讨队列的具体实现方式。
三.队列类的创建
- 队列的实现和栈一样,有两种方案:
- 基于数组实现
- 基于链表实现
function Queue() {
//属性
this.items = []
}
四.队列的常见操作
- 队列有哪些常见的操作呢?
- enqueue(element):向队列尾部添加一个或多个新项。
- dequeue():移除队列中第一项(即最前面的元素),并返回被移除的元素。
- front():返回队列中的第一个元素——即最先被添加,也将是最先被移除的元素。此操作不改变队列结构(不移除元素,仅返回信息),与Stack类的peek方法类似。
- isEmpty():如果队列中不包含任何元素,返回true;否则返回false。
- size():返回队列中包含的元素个数,功能类似于数组的length属性。
- toString():将队列中的内容转换为字符串形式。
- 现在,,我们来实现这些方法.
- 这些方法的实现与栈非常相似,因为我们的队列也是基于数组构建的。
//1.将元素加入到队列中
Queue.prototype.enqueue = function (element) {
this.items.push(element)
}
//2.从队列中删除前端元素
Queue.prototype.dequeue = function () {
return this.items.shift()
}
//3.查看前端元素
Queue.prototype.front = function () {
return this.items[0]
}
//4.查看队列是否为空
Queue.prototype.isEmpty = function () {
return this.items.length === 0
}
//5.查看队列中元素的个数
Queue.prototype.size = function () {
return this.items.length
}
//6.toString方法
Queue.prototype.toString = function () {
let resultString = ''
for (let i = 0; i < this.items.length; i++) {
resultString += this.items[i] + ''
}
return resultString
}五.击鼓传花
击鼓传花是一个常见的面试算法题,使用队列可以非常便捷地实现最终结果。
原游戏规则:
- 班级中玩一个游戏。所有学生围成一圈,从某位同学手里开始向旁边的同学传一束花。此时由某人(如班长)击鼓,鼓声停下时,花落在谁手里,谁就出来表演节目。
修改游戏规则:
- 我们来修改一下这个游戏规则。
- 几个朋友一起玩一个游戏,围成一圈,开始数数,数到某个数字的人自动淘汰。
- 最后剩下的这个人会获得胜利,请问最后剩下的是原来在哪一个位置上的人?
封装一个基于队列的函数
- 参数:所有参与人的姓名,基于的数字
- 结果:最终剩下的一人的姓名
//击鼓传花
function paseGame(nameList, num) {
//创建一个队列
let queue = new Queue()
//将所有人依次加入队列
for (let i = 0; i < nameList.length; i++) {
queue.enqueue(nameList[i])
}
//开始数数字
while (queue.size() > 1) {
//不是num的时候吗,重新加入到队列的末尾
//num数字之前的人重新放入到队列的末尾
for (let i = 0; i < num - 1; i++) {
queue.enqueue(queue.dequeue())
}
//num对应的这个人直接从队列中删除
queue.dequeue()
}
//获取剩下的结果
let endName = queue.front()
console.log(endName);
return nameList.indexOf(endName)
}
paseGame(['lisi', 'zhangsan', 'fgbfd', 'tom', 'jack', 'lisa', 'ez', 'laoshu', 'jikdf', 'dsada', 'poru', 'fjds'], 6)//fgbfd六.优先级队列
优先级队列的特点:
- 我们知道,普通队列插入一个元素,数据会被放在后端,并且需要前面所有的元素都处理完成后才会处理前面的数据。
- 但是优先级队列,在插入一个元素的时候会考虑该数据的优先级。
- 和其他数据优先级进行比较。
- 比较完成后,可以得出这个元素在队列中正确的位置。
- 其他处理方式,和基本队列的处理方式一样。
优先级队列主要考虑的问题:
- 每个元素不再只是一个数据,而且包含数据的优先级。
- 在添加方式中,根据优先级放入正确的位置。
优先级队列的应用:
- 一个现实的例子就是机场登机的顺序
- 头等舱和商务舱乘客的优先级要高于经济舱乘客。
- 在有些国家,老年人和孕妇(或带小孩的妇女)登机时也享有高于其他乘客的优先级。
- 另一个现实中的例子是医院的(急诊科)候诊室。
- 医生会优先处理病情比较严重的患者。
- 当然,一般情况下是按照排号的顺序。
- 计算机中,我们也可以通过优先级队列来重新排序队列中任务的顺序
- 比如每个线程处理的任务重要性不同,我们可以通过优先级的大小,来决定该线程在队列中被处理的次序。
七.优先级队列的实现
- 现优先级队列相对队列主要有两方面需要考虑:
- 1)封装元素和优先级放在一起(可以封装一个新的构造函数)
- 2)添加元素时,将新插入元素的优先级和队列中已经存在的元素优先级进行比较,以获得自己正确的位置。
//封装优先级队列
function PriorityQueue() {
//在PriorityQueue重新创建了一个类
function QueueElemnt(element, priority) {
this.element = element
this.priority = priority
}
//封装属性
this.items = []
//1.实现插入方法
PriorityQueue.prototype.enqueue = function (element, priority) {
//创建QueueElement对象
let queueElemnt = new QueueElemnt(element, priority)
//判断队列是否为空
if (this.items.length === 0) {
this.items.push(queueElemnt)
} else {
let added = false
for (let i = 0; i < this.items.length; i++) {
if (queueElemnt.priority < this.items[i].priority) {
this.items.splice(i, 0, queueElemnt)
added = true
break
}
}
if (!added) {
this.items.push(queueElemnt)
}
}
}
//2.从队列中删除前端元素
PriorityQueue.prototype.dequeue = function () {
return this.items.shift()
}
//3.查看前端元素
PriorityQueue.prototype.front = function () {
return this.items[0]
}
//4.查看队列是否为空
PriorityQueue.prototype.isEmpty = function () {
return this.items.length === 0
}
//5.查看队列中元素的个数
PriorityQueue.prototype.size = function () {
return this.items.length
}
//6.toString方法
PriorityQueue.prototype.toString = function () {
let resultString = ''
for (let i = 0; i < this.items.length; i++) {
resultString += this.items[i] + ''
}
return resultString
}
}
// 测试代码
let pq = new PriorityQueue()
pq.enqueue('abc', 111)
pq.enqueue('cba', 151)
pq.enqueue('nba', 66)
pq.enqueue('wba', 856)
console.log(pq);到此这篇关于JS数据结构与算法中的队列结构详解的文章就介绍到这了,更多相关JS数据结构与算法内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站!
作者最新文章
JS处理含Emoji或中文的字符串转数组乱码问题
2026-11-05 16:12:28
JS怎么使用展开运算符合并对象
2026-11-05 14:42:18
ES6+环境下判断JS对象为空的简洁写法
2026-11-05 12:12:23
怎么通过replacer函数自定义JS中JSON的格式化输出
2026-11-05 11:19:44
JS正则表达式基础:字面量与RegExp构造函数的区别及常用元字符
2026-11-05 11:16:58
