JavaScript队列、优先队列与循环队列


Posted in Javascript onNovember 14, 2016

队列是一种遵从先进先出(FIFO)原则的有序集合
队列在尾部添加新元素,从顶部移除元素

队列的理解

队列在我们生活中最常见的场景就是排队了
队列这个名字也已经很通俗易懂了

JavaScript队列、优先队列与循环队列

和栈很像,这不过队列是先入先出的数据结构

JavaScript队列、优先队列与循环队列

队列的前面是队头
队列的后面是队尾
出队从队头出
入队从队尾入

队列的创建

和栈类似,这里我就不就不??铝
同样需要实现一些功能
这里我类比生活中的排队上厕所

  • 向队列中添加元素(进入排队的队伍中)
  • 移除队头元素(队伍最前面的人出队进入厕所)
  • 查看队头元素(查看队伍最前面的人)
  • 判断队列是否为空(看看队伍中有没有人)
  • 移除队伍全部元素(厕所炸了,都散了吧)
  • 查看栈里元素个数(查看排队的有多少人)

于是我们可以创建一个完整队列实现,同样是利用我们的数组实现
数组头就是队列头

function Queue() {
  var items = [];
  this.enqueue = function (ele) {
    items.push(ele);
  };//入队
  this.dequeue = function () {
    return items.shift();
  };//出队
  this.front = function () {
    return items[0];
  };//查看队头元素
  this.isEmpty = function () {
    return items.length === 0;
  };//判断队列是否为空
  this.size = function () {
    return items.length;
  };//队列大小
  this.clear = function () {
    items = [];
  };//清空队列
  this.print = function () {
    console.log(items.toString());
  };//打印队列
}
var queue = new Queue(); //声明队列的实例

队列的使用

下面我们就用这个队列简单模拟排队

var queue = new Queue();
console.log("队列是否为空: " + queue.isEmpty());
queue.enqueue('Mr.A');
queue.enqueue('Mr.B');
queue.enqueue('Mr.C');
console.log("当前队列:");
queue.print();
console.log("出队的人: " + queue.dequeue());
console.log("当前队列:");
queue.print();

控制台打印:

JavaScript队列、优先队列与循环队列

优先队列

在我们排队上厕所的时候,来了一位拥有VIP会员卡的朋友,插到了队伍的最前面
过了一会儿又来了一位拥有SVIP会员卡的朋友,插到了VIP的前面

虽然这个比喻可能不恰当,但是生活中可能存在有优先级的队列
优先级高的人可以查到优先级低的人前面

这就是循环队列

如果优先值小的元素放到队列的前面,这叫做最小优先队列
反之优先值大的元素放到队列的前面,这叫做最大优先队列
但其实他们两个仅仅是一个判断的改变,实现方式是一样的
优先队列较普通队列的区别也就是入队要判断优先级,并且需要对我们的元素进行处理,其他方法不变
这处理也就是把元素包装为一个拥有优先级的对象
既然所有对象都有着同样的属性,那我们毫无疑问就应该使用工厂构建
我们可以稍微修改一下我们的队列类
来实现一个最小优先队列

function PriorityQueue() {
  var items = [];
  function QueEle(ele, priority){ //封装我们的元素为一个对象
    this.ele = ele; //元素
    this.priority = priority; //优先级
  }
  this.enqueue = function (ele, priority) {
    var queObj = new QueEle(ele, priority); //创建队列元素对象
    if(this.isEmpty()){ //如果队列是空的,直接插入
      this.push(queObj);
    }else{
      var bAdded = false;
      for(var i = 0, len = items.length; i < len; i++){ 
        if(priority < items[i].priority){
          items.splice(i, 0, queObj); // 循环队列,如果优先级小于这个位置元素的优先级,插入
          bAdded = true;
          break;
        }
      }
      if(!bAdded){
        items.push(queObj); // 如果循环一圈都没有找到能插队的位置,直接插入队列尾部
      }
    }
  };
  this.dequeue = function () {
    return items.shift();
  };
  this.front = function () {
    return items[0];
  };
  this.isEmpty = function () {
    return items.length === 0;
  };
  this.size = function () {
    return items.length;
  };
  this.clear = function () {
    items = [];
  };
  this.print = function () {
    //这个地方稍微修改一下下
    var temp = [];
    for(var i = 0, len = items.length; i < len; i++){
      temp.push(items[i].ele);
    }
    console.log(temp.toString());
  };
}

解释我已经在代码里说的很明白
下面我们就用这个优先队列同样来模拟排队上WC

var pQueue = new PriorityQueue();
pQueue.enqueue('Mr.A', 3);
pQueue.enqueue('Mr.B', 3);
pQueue.enqueue('Mr.C', 3);
console.log("原队列:");
pQueue.print();
pQueue.enqueue('VIP', 2);
pQueue.enqueue('SVIP', 1);
console.log("新队列:");
pQueue.print();

控制台打印:

JavaScript队列、优先队列与循环队列

循环队列

循环队列典型的例子击鼓传花
还记得在我上高中的时候我们晚自习一停电就玩这个
拿一个东西当“花”,轮着传,“鼓”一停,拿到花的同学就要站起来唱歌
可以把循环队列当作是队列的应用
下面我们来模拟实现循环队列击鼓传花

function hotPotato(pepoleList, frequency){ //参数:表示人的数组,传花的频率
  var queue = new Queue();
  for(var i = 0, len = pepoleList.length; i < len; i++){
    queue.enqueue(pepoleList[i]); //初始化,进入队列
  }
  var eliminated;//被淘汰的同学
  while(queue.size() > 1){ //只要队列至少还有两个人,就一直循环
    for(var i = 0; i < frequency; i++){//出队入队,模拟循环效果
      queue.enqueue(queue.dequeue());
    }
    eliminated = queue.dequeue();//清算
    console.log(eliminated + '被淘汰');
  }
  return queue.dequeue();//返回队列中的最后一人
}
var pepole = ['Mr.A','Mr.B','Mr.C','Mr.D','Mr.E','Mr.F'];
var gameWinner = hotPotato(pepole, 12);
console.log('全场最佳:' + gameWinner);

控制台输出:

 JavaScript队列、优先队列与循环队列

以上就是JavaScript下的队列实现。
我们还简单理解了两个特殊的队列:优先队列与循环队列。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js 优化次数过多的循环 考虑到性能问题
Mar 05 Javascript
使用JS获取当前地理位置方法汇总
Dec 18 Javascript
jQuery中delegate()方法用法实例
Jan 19 Javascript
js中substr,substring,indexOf,lastIndexOf,split,replace的用法详解
Nov 09 Javascript
深入探秘jquery瀑布流的实现
Jan 30 Javascript
详解js中的apply与call的用法
Jul 30 Javascript
AngularJS模仿Form表单提交的实现代码
Dec 08 Javascript
react实现pure render时bind(this)隐患需注意!
Mar 09 Javascript
JS 组件系列之Bootstrap Table的冻结列功能彻底解决高度问题
Jun 30 Javascript
angular项目中bootstrap-datetimepicker时间插件的使用示例
Mar 15 Javascript
vue引入js数字小键盘的实现代码
May 14 Javascript
自定义Vue中的v-module双向绑定的实现
Apr 17 Javascript
JavaScript中setTimeout的那些事儿
Nov 14 #Javascript
jquery css实现邮箱自动补全
Nov 14 #Javascript
JS常用算法实现代码
Nov 14 #Javascript
node.js缺少mysql模块运行报错的解决方法
Nov 13 #Javascript
JavaScript判断浏览器对CSS3属性是否支持的多种方法
Nov 13 #Javascript
JS实现的几个常用算法
Nov 12 #Javascript
AngularJS操作键值对象类似java的hashmap(填坑小结)
Nov 12 #Javascript
You might like
Yii编程开发常见调用技巧集锦
2016/07/15 PHP
Yii2 队列 shmilyzxt/yii2-queue 简单概述
2017/08/02 PHP
详解PHP中的 input属性(隐藏 只读 限制)
2017/08/14 PHP
PHP常用字符串输出方法分析(echo,print,printf及sprintf)
2021/03/09 PHP
jquery必须知道的一些常用特效方法及使用示例(整理)
2013/06/24 Javascript
jquery实现pager控件示例
2014/04/09 Javascript
JavaScript中双叹号(!!)作用示例介绍
2014/04/10 Javascript
ExtJS4如何自动生成控制grid的列显示、隐藏的checkbox
2014/05/02 Javascript
JQuery EasyUI 数字格式化处理示例
2014/05/05 Javascript
jQuery中:radio选择器用法实例
2015/01/03 Javascript
jquery mobile开发常见问题分析
2016/01/21 Javascript
JavaScript中实现无缝滚动、分享到侧边栏实例代码
2016/04/06 Javascript
JavaScript数组去重的几种方法效率测试
2016/10/23 Javascript
在小程序中使用腾讯视频插件播放教程视频的方法
2018/07/10 Javascript
vue resource发送请求的几种方式
2019/09/30 Javascript
VSCode插件安装完成后的配置(常用配置)
2020/08/24 Javascript
[05:05]DOTA2亚洲邀请赛 战队出场仪式
2015/02/07 DOTA
在Python中使用AOP实现Redis缓存示例
2017/07/11 Python
Python中__slots__属性介绍与基本使用方法
2018/09/05 Python
Python进阶之@property动态属性的实现
2019/04/01 Python
python挖矿算力测试程序详解
2019/07/03 Python
python + selenium 刷B站播放量的实例代码
2020/06/12 Python
浅谈基于HTML5的在线视频播放方案
2016/02/18 HTML / CSS
印尼在线旅游门户网站:NusaTrip
2019/11/01 全球购物
Java里面如何创建一个内部类的实例
2015/01/19 面试题
C#如何允许一个类被继承但是避免这个类的方法被重载?
2015/02/24 面试题
音乐学院硕士生的自我评价分享
2013/11/01 职场文书
求职简历中个人的自我评价
2013/12/01 职场文书
《九色鹿》教学反思
2014/02/27 职场文书
反对形式主义、官僚主义、享乐主义和奢靡之风整改措施
2014/09/17 职场文书
公司离职证明标准格式
2014/11/18 职场文书
2014收银员工作总结范文
2014/12/16 职场文书
离婚起诉书范本
2015/05/18 职场文书
2016年小学生新年寄语
2015/08/18 职场文书
高中数学课堂教学反思
2016/02/18 职场文书
浅谈mysql增加索引不生效的几种情况
2021/06/23 MySQL