认识队列结构

1. 认识队列结构

受限的线性结构：

• 我们已经学习了一种受限的线性结构：栈结构
• 并且已经知道这种受限的数据结构对于解决某些特定问题，会有特别的效果
• 下面,我们再来学习另外一个受限的数据结构：队列

队列(Queue)，它是一种受限的线性表,先进先出（FIFO First In First Out）

• 受限之处在于它只允许在表的前端（front）进行删除操作
• 而在表的后端(rear )进行插入操作

生活中类似的队列结构

• 生活中类似队列的场景就是非常多了
• 比如在电影院，商场，甚至是厕所排队
• 优先排队的人，优先处理（买票,结账, WC）

2. 队列结构封装

队列的实现和栈一样，有两种方案：

• 基于数组实现
• 基于链表实现

3. 队列常见操作

队列有哪些常见的操作呢？

• enqueue(element)：向队列尾部添加一个（或多个）新的项。
• dequeue()：移除队列的第一（即排在队列最前面的）项，并返回被移除的元素。
• front()：返回队列中第一个元素——最先被添加，也将是最先被移除的元素。队列不做任何变动（不移除元素，只返回元素信息——与Stack类的peek方法非常类似）。
• isEmpty()：如果队列中不包含任何元素，返回true，否则返回false。
• size()：返回队列包含的元素个数，与数组的length属性类似。
• toString()：将队列中的内容，转成字符串形式
• 其实很栈中方法的实现非常相似，因为我们的队列也是基于数组的

// 封装队列类
function Queue() {
    // 属性
    this.items = []

    // 方法
    // 1. 将元素加入到队列中
    Queue.prototype.enqueue = function(element) {
        this.items.enqueue(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() {
        var resultString = ''
        for(let i = 0; i < this.items.length; i++) {
            resultString += this.items[i] + ' '
        }
        return resultString
    }
}

// 使用队列
var queue = new Queue()

// 将元素加入队列中
queue.enqueue('abc')
queue.enqueue('cba')
queue.enqueue('nba')
queue.enqueue('mba')
alert(queue)

// 从队列中删除元素
queue.dequeue()
alert(queue)
queue.dequeue()
alert(queue)

// front方法
alert(queue.front())

// 验证其它方法
alert(queue.isEmpty())
alert(queue.size())