JS队列数据结构如何理解，应用场景是怎样-群英

上一篇：T抽象语法树如何理解，主要核心代码是什么下一篇：如何实现vue-router版本降低，具体操作是什么

在这篇文章中，我们来学习一下“JS队列数据结构如何理解，应用场景是怎样”的相关知识，下文有详细的讲解，易于大家学习和理解，有需要的朋友可以借鉴参考，下面就请大家跟着小编的思路一起来学习一下吧。

什么是队列？

队列是一种先进先出的数据结构，队列中允许两种基础操作，也就是插入和删除，也就是入队和出队；我们将队列中允许插入的一端称为队尾、允许删除的一端称为队头；

如下图展示了栈这个数据结构：

JavaScript中的队列

JavaScript并没有队列这个数据类型，但是可以通过数组进行模拟，而且数组中提供的push()和shift()选项，正好实现先入后出的的操作，

示例代码如下：

const queue = []

// 入队
stack.push(1)
stack.push(2)
// 出队
const v1 = stack.shift() // 1
const v2 = stack.shift() // 2

JavaScript中的应用场景

队列和栈一样，是算法和程序中最常用的辅助结构，其的应用十分广泛，比如以下场景：

现实生活中的排队，就比如说买饭排队，先去的先买，也就是先进先出；
银行、营业厅等号叫号，例如：到了营业厅先去排号机哪里排号，然后等待叫号，叫号会依次叫号；
JavaScript中的异步任务队列，异步任务队列是一个典型的应用队列的例子。

补充

概念和结构：

队列是一种先进先出（FIFO）的数据结构。
队列的第一个元素所在位置称为队头，最后一个元素所在位置称为队尾。
不包含任何元素的队列称为空队列。

队列的操作：队列有五种常用操作，分别为：

入队 enqueue(element)
出队 dequeue()
检查队头元素 front()
检查队列是否为空 isEmpty()
获取队列的长度 size()

JS实现：

JS里面的队列结构也是通过数组（Array）来实现的。

function Queue(){
    //私有变量不被外界获取
    let queue = [];
    //入队
    this.enqueue = function(element){
        queue.push(element);
    }
    //出队
    this.dequeue = function(){
        return queue.shift();
    }
    //检查队头元素
    this.front = function(){
        return queue[0];
    }
    //检查队列是否为空
    this.isEmpty = function(){
        return queue.length === 0;
    }
    //获取队列长度
    this.size = function(){
        return queue.length;
    }
}