如何实现JavaScript中数组版栈和队列操作示例？

本文共计639个文字，预计阅读时间需要3分钟。

本文实例讲解了JavaScript如何基于数组实现栈与队列操作。分享给家长供参考，内容如下：

栈数据结构：

1.后进先出（LIFO）

2.操作：push（压栈）、pop（出栈）

队列数据结构：

1.先进先出（FIFO）

2.操作：enqueue（入队）、dequeue（出队）

示例代码：

javascript

// 栈实现class Stack { constructor() { this.data=[]; } push(item) { this.data.push(item); } pop() { return this.data.pop(); }}

// 队列实现class Queue { constructor() { this.data=[]; } enqueue(item) { this.data.push(item); } dequeue() { return this.data.shift(); }}

以上代码展示了如何使用JavaScript数组实现栈和队列的基本操作。

本文实例讲述了JavaScript基于数组实现的栈与队列操作。分享给大家供大家参考，具体如下：

栈数据结构：

1、 后进先出 队列在列表的尾端添加项，从列表的尾端移除项

队列图：

实现代码：

var colors = ["red","blue"]; colors.push("brown"); //从队列尾部添加一项 console.log(colors);//[ 'red', 'blue', 'brown' ] var item =colors.pop(); //从队列尾部移出一项 console.log(colors);//[ 'red', 'blue' ]

2. 后进先出 队列在列表的首端添加项，从列表的首端移除项

队列图：

实现代码：

var colors=["red","blue"]; colors.unshift("green"); //从队列的前端添加一项 console.log(colors);//[ 'green', 'red', 'blue' ] colors.shift(); //从队列的前端移除一项 console.log(colors);//[ 'red', 'blue' ]

3. 先进先出 队列在列表的末端添加项，从列表的首端移除项

队列图：

实现代码：

var colors=new Array(); var count=colors.push("red","green"); //从队列尾部推入两项 console.log(count);//2 var count=colors.push("black"); //从队列尾部推入另一项 console.log(colors);//[ 'red', 'green', 'black' ] console.log(count);//3 var item=colors.shift(); //取得队列的第一项 console.log(item);//red console.log(colors);//[ 'green', 'black' ]

4. 先进先出 队列在列表的首端添加项，从列表的尾端移除项

队列图：

实现代码：

var colors=new Array(); //创建一个数组 var count=colors.unshift("red","green"); //从队列首部添加两项 console.log(colors);//[ 'red', 'green' ] count =colors.unshift("black"); //从队列首部添加另一项 console.log(colors);//[ 'black', 'red', 'green' ] var item=colors.pop(); //从队列尾部移出一项 console.log(colors);//[ 'black', 'red' ]

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript数据结构与算法技巧总结》、《JavaScript数学运算用法总结》、《JavaScript排序算法总结》、《JavaScript遍历算法与技巧总结》、《JavaScript查找算法技巧总结》及《JavaScript错误与调试技巧总结》

希望本文所述对大家JavaScript程序设计有所帮助。