用JS实现一个队列

我们先来看一道携程2021春招的面试题：

用JS实现一个队列

想象中午食堂吃饭时、等电梯时、早晚高峰进地铁时，都需要排队。那么肯定是先排队的有优先权，然后依次进入。队列也是这个道理，只有一个出口，一个入口，特点是先进先出，这和栈的思想相反。队列有一个入口，取名为enqueue;出口取名为dequeue;正常情况下，还需要读取队首和队尾元素，命名为front和back，读取队列所有元素，命名为toStringData, 判断队列是否空，命名为isEmpty。现在可以完成队列的构造函数了，如下：

function Queue() {
    this.data = [];
    this.enqueue = enqueue;//队尾添加一个元素
    this.dequeue = dequeue;//队首删除一个元素
    this.front = front;    //读取队首元素
    this.back = back;      //读取队尾元素
    this.toStringData = toStringData;//显示队内元素
    this.isEmpty = isEmpty;//判断队列是否为空
}

入队enqueue()

//在队尾添加一个元素即为入队
function enqueue(element) {
    this.data.push(element);
}

出队dequeue()

//在队首删除一个元素，并返回被删除的值
function dequeue() {
    return this.data.shift();
}

返回队首元素front()

//返回数组第一项即返回队首元素
function front() {
    return this.data[0];
}

返回队尾元素back()

//返回数组最后一项即返回队尾元素
function back() {
    return this.data[this.data.length - 1];
}

判断队列是否为空isEmpty()

//数组长度为0即队列为空
function isEmpty() {
    return this.data.length === 0;
}

查看队列内的所有元素toStringData()

//打印队列
function toStringData() {
    return this.data;
}

至此，我们就用JS完整地实现了一个单向队列！ 

队列的完整代码

function Queue() {
	this.data = [];
	this.enqueue = enqueue;//队尾添加一个元素
	this.dequeue = dequeue;//队首删除一个元素
	this.front = front;    //读取队首元素
	this.back = back;      //读取队尾元素
	this.toStringData = toStringData;//显示队内元素
	this.isEmpty = isEmpty;//判断队列是否为空
					
	//在队尾添加一个元素即为入队
	function enqueue(element) {
		this.data.push(element);
	}
	//在队首删除一个元素，并返回被删除的值
	function dequeue() {
		return this.data.shift();
	}
	//返回数组第一项即返回队首元素
	function front() {
		return this.data[0];
	}
	//返回数组最后一项即返回队尾元素
	function back() {
		return this.data[this.data.length - 1];
	}
	//数组长度为0即队列为空
	function isEmpty() {
		return this.data.length === 0;
	}
	//打印队列
	function toStringData() {
		return this.data;
	}
}

使用Queue类

测试一下：

/*测试*/
var q = new Queue();
q.enqueue(1);
q.enqueue(2);
q.enqueue(3);
q.enqueue(4);
console.log(q.toStringData());//[1, 2, 3, 4]
console.log(q.dequeue());//1
console.log(q.toStringData());//[2, 3, 4]
console.log(q.front());//2
console.log(q.back());//4
console.log(q.isEmpty());//false

到这里，整个队列的功能测试完成。