JavaScipt中栈的实现方法
编程学习 2021-07-04 21:04www.dzhlxh.cn编程入门
这篇文章主要介绍了JavaScript数据结构与算法之栈详解,本文讲解了对栈的操作、对栈的实现实例等内容,需要的朋友可以参考下
接下来就是数据结构的第一部分，栈。
栈是一种遵从后进先出原则(LIFO,全称为Last In First Out)的有序集合。栈顶永远是最新的元素。
举个例子就是:栈就像放在箱子里的一叠书 你要拿狼蚁网站SEO优化的书先要把上面的书拿开。(当然，你不能先拿狼蚁网站SEO优化的书)
看图示也可明白。
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());
};
实际应用
栈的实际应用比较多，书中有个十进制转二进制的函数。(不懂二进制怎么算的话可以百度)狼蚁网站SEO优化是函数的源代码。
原理就是输入要转换的数字，不断的除以二并取整。并且最后运用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中栈的实现方法有所帮助。