美文网首页
javascript数据结构——队列

javascript数据结构——队列

作者: 天街夜雨 | 来源:发表于2019-01-23 13:56 被阅读0次

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

定义队列的操作

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

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() {

    returnthis.dataStore.shift();// 删除队首元素,并把这个元素返回}

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

function front() {

    returnthis.dataStore[0];// 返回队首元素}function back() {

    returnthis.dataStore[this.dataStore.length - 1];// 返回队尾元素}

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

function toString() {

    varretStr = '';

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

    });

    return retStr;

}

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

function length() {

    returnthis.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;

        }

    });

    // 返回从队列中删除的元素returnthis.dataStore.splice(pos, 1);

}

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

function toString() {

    varretStr = "";

    this.dataStore.forEach(p => {

        retStr += `${p.name} 优先级: ${p.code}\n`;

    });

    return retStr;

}

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

varp =newPatient("小一", 5);

const ed =new Queue();

ed.enqueue(p);

p =newPatient("小二", 4);

ed.enqueue(p);

p =newPatient("小三", 6);

ed.enqueue(p);

p =newPatient("小四", 1);

ed.enqueue(p);

p =newPatient("小五", 1);

console.log('正在排队的人:');

console.log(ed.toString());// 第一轮ed.enqueue(p);varseen = ed.dequeue();

console.log('正在被接诊的病人:' + seen[0].name);

console.log('等待的人:')

console.log(ed.toString());// 下一轮varseen = ed.dequeue();

console.log('正在被接诊的病人:' + seen[0].name);

console.log('等待的人:')

console.log(ed.toString());// 下一轮varseen = ed.dequeue();

console.log('正在被接诊的病人:' + seen[0].name);

console.log('等待的人:')

console.log(ed.toString());

  输入结果:

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

相关文章

  • 算法 - 队列类型

    队列 一个先进先出的数据结构 javascript中没有队列,但可以用Array实现队列的所有功能 队列的应用场景...

  • JS中的栈、队列和链表 -- 队列

    栈和队列是数据结构里的基本概念之一。所以今天讨论的内容是如何在JavaScript中实现一个队列。 什么是队列 顾...

  • 队列 js版

    队列 写在前面:还没想好写啥。 1.什么是队列? 一个先进先出的数据结构 javascript中其实是没有队列的,...

  • 前端常见数据结构小结

    常见数据结构的 JavaScript 实现 栈 队列 链表 集合 字典 哈希表 二叉树 图 前端与数据结构 数据结...

  • JavaScript数据结构-队列

    队列遵循FIFO先进先出原则。用数组储存队列中的数据结构队列类 使用ES6进行实现使用WeakMap保存私有属性,...

  • javascript数据结构--队列

    tips:接下去会在github写博客,简书不再更新和修改文章,欢迎大家逛逛我的新博客点击查看 ,我会尽量用更容易...

  • JavaScript数据结构:队列

    队列 队列是一种特殊的线性表,特殊之处在于它只允许在表的前端(front)进行删除操作,而在表的后端(rear)进...

  • javaScript数据结构--队列

    队列遵循FIFO(First In First Out, 先进先出)。常见的队列的例子就是排队 实现一个队列的数据...

  • javascript数据结构——队列

    队列是一种先进先出的数据结。队列只能在队尾插入元素,在队首删除元素,这点和栈不一样。它用于存储顺序排列的数据。队列...

  • 重读《学习JavaScript数据结构与算法-第三版》- 第5章

    定场诗 前言 本章为重读《学习JavaScript数据结构与算法-第三版》的系列文章,主要讲述队列数据结构、双端队...

网友评论

      本文标题:javascript数据结构——队列

      本文链接:https://www.haomeiwen.com/subject/omvjjqtx.html