队列是一种先进先出的数据结。队列只能在队尾插入元素,在队首删除元素,这点和栈不一样。它用于存储顺序排列的数据。队列就像我们日常中的排队一样,排在最前面的第一个办理业务,新来的人只能在后面排队。队列这种数据结构在编程中被用到很多地方。

定义队列的操作

 

  上图展示了队列的两个操作,入队和出队。出队操作是删除对头的元素,入队操作是在队尾添加元素。除此之外我们还需要能够获取队首和队尾的元素或者全队列的元素,还需要知道队列的长度,还需要一个方法来清空队列,由此,我们定义队列的方法。

  • enqueue()     入队
  • dequeue()     出队
  • front()          返回队首
  • back()          返回队尾
  • toString()      返回所有队列中所有元素
  • length()        返回队列的长度
  • clear()          清空队列

队列的实现

  javascript中的数组具有其他编程语言的数组没有的缺点,直接只用数组的push()方法就可以在数组末端加入元素,使用shift()方法可以删除数组的第一个元素。使用数组来实现队列顺理成章。

  准备开始实现对列Queue类,先从构造函数开始;

function Queue() {
this.dataStore = [];
this.enqueue = enqueue;
this.dequeue = dequeue;
this.front = front;
this.back = back;
this.toString = toString;
this.length = length;
}

  接下来开始实现对列的各个方法。

  enqueue()方法向队尾添加一个元素,dequeue()方法删除队首的元素:

function enqueue(element) {
this.dataStore.push(element); // 把新来的元素放在队尾
} function dequeue() {
return this.dataStore.shift(); // 删除队首元素,并把这个元素返回
}

  front()和back()方法分别是返回队列的队首和队尾的元素:

function front() {
return this.dataStore[0]; // 返回队首元素
} function back() {
return this.dataStore[this.dataStore.length - 1]; // 返回队尾元素
}

  toString() 方法显示队列内的所有元素:

function toString() {
var retStr = '';
this.dataStore.forEach(val => { // 遍历队列,把队列中的所有元素拼成字符串返回
retStr += val + '\n';
});
return retStr;
}

  length() 方法返回队列长度,clear()方法清空队列:

function length() {
return this.dataStore.length;
} function clear() {
this.dataStore.length = 0; // 通过把队列的长置0来清空队列
}

  到此,队列这种数据结构借助javascript已经实现了。接下来测试一下。

队列的测试

  测试代码:

const q = new Queue();
q.enqueue('java');
q.enqueue('php');
q.enqueue('python');
console.log('队列里的所有元素:');
console.log(q.toString());
q.dequeue()
console.log('出队之后所有元素:');
console.log(q.toString());
console.log('队首元素:' + q.front());
console.log('队尾元素:' + q.back());
console.log('队列长度:' + q.length());
q.clear();
console.log('清空队列后的长度:' + q.length());

  输出结果:

  输出结构符合预期。

优先队列

  在一般情况下,从队列中删除的元素,一定是率先入队的元素。但有的特殊情况不用遵守先进先出的约定。比如急诊室里的队列,医生会根据病人病情的严重程度来决定服务的优先级。在这种队列里,从队列中删除的元素就有可能不是最先入队的元素。这种情况,就需要使用一个叫优先队列的数据结构来模拟。

  接下来,我们以急诊室排队为例,实现以下优先队列。

  在急诊室的候诊室里,分诊护士会评估患者病情的严重程度,然后给一个优先级代码,高优先级的患者先于低优先级的患 者就医,同样优先级的患者按照先来先服务的顺序就医。

  先来定义存储队列元素的对象,然后再构建我们的优先队列系统:

function Patient(name, code) {
this.name = name;
this.code = code; // 优先级代码,整数,代表患者优先级
}

  现在需要重新定义 dequeue() 方法,使其删除队列中拥有最高优先级的元素。我们规定优先码的值最小的元素优先级最高。新的 dequeue() 方法遍历队列的底层存储数组,从中找出优先码最小的元素,然后删除该元素。新的dequeque()方法定义如下所示:

function dequeue() {
let priority = this.dataStore[0].code;
let pos = 0;
// 使用简单的顺序查找方法寻找优先级最高的元素
this.dataStore.forEach((p, i) => {
if (p.code < priority) {
priority = p.code;
pos = i;
}
});
// 返回从队列中删除的元素
return this.dataStore.splice(pos, 1);
}

  最后,重新实现toString()方法来显示Patient对象。

function toString() {
var retStr = "";
this.dataStore.forEach(p => {
retStr += `${p.name} 优先级: ${p.code}\n`;
});
return retStr;
}

  到此,模拟的急诊优先队列已经实现完成,我们测试一下。

var p = new Patient("小一", 5);
const ed = new Queue();
ed.enqueue(p);
p = new Patient("小二", 4);
ed.enqueue(p);
p = new Patient("小三", 6);
ed.enqueue(p);
p = new Patient("小四", 1);
ed.enqueue(p);
p = new Patient("小五", 1);
console.log('正在排队的人:');
console.log(ed.toString());
// 第一轮
ed.enqueue(p);
var seen = ed.dequeue();
console.log('正在被接诊的病人:' + seen[0].name);
console.log('等待的人:')
console.log(ed.toString());
// 下一轮
var seen = ed.dequeue();
console.log('正在被接诊的病人:' + seen[0].name);
console.log('等待的人:')
console.log(ed.toString());
// 下一轮
var seen = ed.dequeue();
console.log('正在被接诊的病人:' + seen[0].name);
console.log('等待的人:')
console.log(ed.toString());

  输入结果:

  可以看到,待诊病人按照优先级,一个一个的从队列中被接诊。

javascript数据结构——队列的更多相关文章

  1. JavaScript数据结构——队列的实现

    前面楼主简单介绍了JavaScript数据结构栈的实现,http://www.cnblogs.com/qq503665965/p/6537894.html,本次将介绍队列的实现. 队列是一种特殊的线性 ...

  2. JavaScript数据结构——队列的实现与应用

    队列与栈不同,它遵从先进先出(FIFO——First In First Out)原则,新添加的元素排在队列的尾部,元素只能从队列头部移除. 我们在前一篇文章中描述了如何用JavaScript来实现栈这 ...

  3. javascript数据结构-队列

    gihub博客地址 队列(Queue)是一种特殊的线性表,特殊之处在于它只允许在表的前端(front)进行删除操作,而在表的后端(rear)进行插入操作,和栈一样,队列是一种操作受限制的线性表.进行插 ...

  4. JavaScript 数据结构与算法之美 - 线性表(数组、栈、队列、链表)

    前言 基础知识就像是一座大楼的地基,它决定了我们的技术高度. 我们应该多掌握一些可移值的技术或者再过十几年应该都不会过时的技术,数据结构与算法就是其中之一. 栈.队列.链表.堆 是数据结构与算法中的基 ...

  5. JavaScript数据结构——图的实现

    在计算机科学中,图是一种网络结构的抽象模型,它是一组由边连接的顶点组成.一个图G = (V, E)由以下元素组成: V:一组顶点 E:一组边,连接V中的顶点 下图表示了一个图的结构: 在介绍如何用Ja ...

  6. 学习javascript数据结构(一)——栈和队列

    前言 只要你不计较得失,人生还有什么不能想法子克服的. 原文地址:学习javascript数据结构(一)--栈和队列 博主博客地址:Damonare的个人博客 几乎所有的编程语言都原生支持数组类型,因 ...

  7. 数据结构与算法JavaScript (二) 队列

    队列是只允许在一端进行插入操作,另一个进行删除操作的线性表,队列是一种先进先出(First-In-First-Out,FIFO)的数据结构 队列在程序程序设计中用的非常的频繁,因为javascript ...

  8. javascript数据结构与算法---队列

    javascript数据结构与算法---队列 队列是一种列表,不同的是队列只能在队尾插入元素,在队首删除元素.队列用于存储按顺序排列的数据,先进先出,这点和栈不一样(后入先出).在栈中,最后入栈的元素 ...

  9. JavaScript数据结构——栈和队列

    栈:后进先出(LIFO)的有序集合 队列:先进先出(FIFO)的有序集合 --------------------------------------------------------------- ...

随机推荐

  1. STM32串口中断

    在打开串口1中断后 待机唤醒功能,(PA0唤醒)等 系统挺运行问题? ??(2014.11.13)

  2. vim的个性化配置- 再谈vim的折叠和展开 -- 彻底掌握vim 的展开和折叠!

    http://www.wklken.me/posts/2016/02/03/some-vim-configs.html 一般把 设置成 逗号, 是比较好的, 因为逗号比默认的leader  要方便键入 ...

  3. 整理ASP.NET MVC 5各种错误请求[401,403,404,500]的拦截及自定义页面处理实例

    http://2sharings.com/2015/asp-net-mvc-5-custom-404-500-error-hanlde https://blog.csdn.net/yhyhyhy/ar ...

  4. 如何给域名配置https证书

    http和https的区别就是,后者在网络传输过程中会很安全,原因就是给http安装了SSL证书. SSL证书有免费的和收费的,收费的顾名思义就是保护的方面更多,更安全.收费的像单域名的一年有几百.几 ...

  5. HDU 6178 Monkeys(树上的二分匹配)

    http://acm.hdu.edu.cn/showproblem.php?pid=6178 题意:现在有一n个顶点的树形图,还有k只猴子,每个顶点只能容纳一只猴子,而且每只猴子至少和另外一只猴子通过 ...

  6. MVC ---- 增删改成 EF6

    1.MVC EF6的增删改成小练习 namespace T4Demo { public partial class Form1 : Form { NBEntities nb = new NBEntit ...

  7. grep -v grep

    ps -ef|grep /usr/local/tomcat_coachqa/ |grep -v grep |awk '{print $2}'|xargs kill -9 grep -v grep gr ...

  8. MongoDB(课时18 修改器)

    3.4.3.2 修改器(原子操作) 对MongoDB数据库而言,数据的修改会牵扯到内容的变更,结构的变更(包含数组),所以在MongoDB在设计的时候就提供有一系列的修改器的应用,那么像之前使用的“$ ...

  9. 引用类(RC)

    R 中还有一种具有引用语义的类系统,它更像其他面向对象编程语言中的类系统.首先,为了定义一个引用类( reference class , RC ),我们要给 setRefClass( )一个类定义.不 ...

  10. jq expando && $.data()

    1.使用隐藏控件或者是js全局变量来临时存储数据,全局变量容易导致命名污染,隐藏控件导致经常读写dom浪费性能 jQuery提供了自己的数据缓存方案,使用jQuery数据缓存方案,我们需要掌握$.da ...