正文
JavaScript的数组实现队列与堆栈的方法
小程序：扫一扫查出行【扫一扫了解最新限行尾号】
复制小程序
一、队列和堆栈的简单介绍
1.1、队列的基本概念
队列:是一种支持先进先出(FIFO)的集合,即先被插入的数据,先被取出!
如下图所示：
1.2、堆栈的基本概念
堆栈:是一种支持后进先出(LIFO)的集合,即后被插入的数据,先被取出!
如下图所示：
二、 在JavaScript中实现队列和堆栈
在JavaScript中实现队列和数组主要是通过数组，js数组中提供了以下几个方法可以让我们很方便实现队列和堆栈：
shift:从数组中把第一个元素删除，并返回这个元素的值。
unshift: 在数组的开头添加一个或更多元素，并返回新的长度
push:在数组的中末尾添加元素，并返回新的长度
pop:从数组中把最后一个元素删除，并返回这个元素的值。
2.1、实现队列
| 代码如下 | 复制代码 |
| <script type="text/javascript"> //创建一个数组来模拟队列 var a=new Array(); console.log(a); //unshift: 在数组的开头添加一个或更多元素，并返回新的长度 console.log("入队"); a.unshift(1) console.log(a);//----->1 a.unshift(2); console.log(a);//----->2,1 a.unshift(3); console.log(a);//----->3,2,1 a.unshift(4); console.log(a);//----->4,3,2,1 console.log("出队，先进先出"); console.log(a); //pop：从数组中把最后一个元素删除，并返回这个元素的值 a.pop();//----->1 console.log(a); a.pop();//----->2 console.log(a); a.pop();//----->3 console.log(a); a.pop();//----->4 console.log(a); </script> |
在google浏览器控制台输出的效果如下图所示：
2.2、实现堆栈
| 代码如下 | 复制代码 |
| <script type="text/javascript"> //创建一个数组来模拟堆栈 var a=new Array(); console.log(a); //push: 在数组的末尾添加一个或更多元素，并返回新的长度 console.log("入栈"); a.push(1) console.log(a);//----->1 a.push(2); console.log(a);//----->1,2 a.push(3); console.log(a);//----->1,2,3 a.push(4); console.log(a);//----->1,2,3,4 console.log("出栈，后进先出"); console.log(a); //pop：从数组中把最后一个元素删除，并返回这个元素的值 a.pop();//----->4 console.log(a); a.pop();//----->3 console.log(a); a.pop();//----->2 console.log(a); a.pop();//----->1 console.log(a); </script> |
在google浏览器控制台输出的效果如下图所示：
