JavaScipt中栈的实现方法_javascript技巧
程序员文章站
2022-04-07 16:56:33
...
接下来就是数据结构的第一部分,栈。
栈是一种遵从后进先出原则(LIFO,全称为Last In First Out)的有序集合。栈顶永远是最新的元素。
举个例子就是:栈就像放在箱子里的一叠书 你要拿下面的书先要把上面的书拿开。(当然,你不能先拿下面的书)
看图示也可明白。
栈是一种遵从后进先出原则(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中栈的实现方法有所帮助。
下一篇: Angular 5 快速入门示例分享
推荐阅读
-
JavaScript控制输入框中只能输入中文、数字和英文的方法【基于正则实现】
-
使用JavaScript实现node.js中的path.join方法
-
在JavaScript应用中实现延迟加载的方法
-
Javascript中类式继承和原型式继承的实现方法和区别之处
-
JavaScript中递归实现的方法及其区别
-
详解JavaScript实现设计模式中的适配器模式的方法
-
javascript中的3种继承实现方法
-
JavaScript实现获取select下拉框中第一个值的方法
-
JavaScript实现二叉树的先序、中序及后序遍历方法详解
-
JavaScript实现向select下拉框中添加和删除元素的方法