JavaScipt中栈的实现方法
作者:bea
接下来就是数据结构的第一部分,栈。 栈是一种遵从后进先出原则(LIFO,全称为Last In First Out)的有序集合。栈顶永远是最新的元素。 举个例子就是:栈就像放在箱子里的一叠书 你要拿下面的书先要把上面的书拿开。(当然,你不能先拿下面的书) 看图示也可明白。 JavaScipt中栈的实现 首先,创建一个构造函数。 /** * 栈的构造函数 */function Stack() { // 用数组来模拟栈 var item = [];} 栈需要有如下的方法
接下来就是数据结构的第一部分,栈。
栈是一种遵从后进先出原则(LIFO,全称为Last In First Out)的有序集合。栈顶永远是最新的元素。
举个例子就是:栈就像放在箱子里的一叠书 你要拿下面的书先要把上面的书拿开。(当然,你不能先拿下面的书)
看图示也可明白。
JavaScipt中栈的实现
首先,创建一个构造函数。
/**
* 栈的构造函数
*/
function Stack() {
// 用数组来模拟栈
var item = [];
}
栈需要有如下的方法:
- push(element(s)): 添加几个元素到栈顶
- pop(): 移除并返回栈顶元素
- peek(): 返回栈顶元素
- isAmpty: 检查栈是否为空,为空则返回true
- clear: 移除栈中所有元素
- size: 返回栈中元素个数。
- print: 以字符串显示栈中所有内容
push方法的实现
说明: 需要往栈中添加新元素,元素位置在队列的末尾。也就是说,我们可以用数组的push方法来模拟实现。
实现:
/**
* 将元素送入栈,放置于数组的最后一位
* @param {Any} element 接受的元素,不限制类型
*/
this.push = function(element) {
items.push(element);
};
pop方法的实现
说明: 需要把栈顶元素弹出,同时返回被弹出的值。可以用数组的pop方法来模拟实现。
实现:
/**
* 弹出栈顶元素
* @return {Any} 返回被弹出的值
*/
this.pop = function() {
return items.pop();
};
peek方法的实现
说明: 查看栈顶元素,可以用数组长度来实现。
实现:
/**
* 查看栈顶元素
* @return {Any} 返回栈顶元素
*/
this.peek = function() {
return items[items.length - 1];
}
其余方法的实现
说明: 前三个是栈方法的核心,其余方法则在此一次性列出。因为下文要讲的队列,会与这部分有很大重合。
实现:
/**
* 确定栈是否为空
* @return {Boolean} 若栈为空则返回true,不为空则返回false
*/
this.isAmpty = function() {
return items.length === 0
};
/**
* 清空栈中所有内容
*/
this.clear = function() {
items = [];
};
/**
* 返回栈的长度
* @return {Number} 栈的长度
*/
this.size = function() {
return items.length;
};
/**
* 以字符串显示栈中所有内容
*/
this.print = function() {
console.log(items.toString());
};
实际应用
栈的实际应用比较多,书中有个十进制转二进制的函数。(不懂二进制怎么算的话可以百度)下面是函数的源代码。
原理就是输入要转换的数字,不断的除以二并取整。并且最后运用while循环,将栈中所有数字拼接成字符串输出。
/**
* 将10进制数字转为2进制数字
* @param {Number} decNumber 要转换的10进制数字
* @return {Number} 转换后的2进制数字
*/
function divideBy2(decNumber) {
var remStack = new Stack(),
rem,
binaryString = ';
while (decNumber > 0) {
rem = Math.floor(decNumber % 2);
remStack.push(rem);
decNumber = Math.floor(decNumber / 2);
}
while (!remStack.isAmpty()) {
binaryString += remStack.pop().toString();
}
return binaryString;
};
到此而言,栈的学习就告一段落了,希望对大家学习javascript中栈的实现方法有所帮助。
猜你喜欢
您可能感兴趣的文章:
- javascript轻量级库createjs使用Easel实现拖拽效果
- jQuery fancybox在ie浏览器下无法显示关闭按钮的解决办法
- 谈一谈javascript中继承的多种方式
- 多种js图片预加载实现方式分享
- JS实现1000以内被3或5整除的数字之和
- ECharts仪表盘实例代码(附源码下载)
- 基于jQuery实现仿搜狐辩论投票动画代码(附源码下载)
- 用canvas 实现个图片三角化(LOW POLY)效果
- Js实现简单的小球运动特效
- JavaScript与jQuery实现的闪烁输入效果
- js实现简单的省市县三级联动效果实例
- XML、HTML、CSS与JS的区别整理
- jQuery插件实现适用于移动端的地址选择器
- AngularJS 2.0新特性有哪些
- JavaScript+canvas实现七色板效果实例
- javascript结合Flexbox简单实现滑动拼图游戏
- Angular发布1.5正式版,专注于向Angular 2的过渡
- iscroll.js的上拉下拉刷新时无法回弹的解决方法
- javascript每日必学之条件分支