当前位置:首页 > 日记 > 正文

利用JavaScript实现栈的数据结构示例代码

利用JavaScript实现栈的数据结构示例代码

前言

本文主要给大家介绍的是关于JavaScript实现栈的数据结构的相关内容,分享出来供大家参考学习,话不多少,来一起看看详细的介绍:

堆栈(英语:stack),也可直接称栈,在计算机科学中,是一种特殊的串列形式的数据结构,它的特殊之处在于只能允许在链接串列或阵列的一端(称为堆叠顶端指标,英语:top)进行加入数据(push)和输出数据(pop)的运算。另外栈也可以用一维数组或连结串列的形式来完成。 

由于堆叠数据结构只允许在一端进行操作,因而按照后进先出(LIFO, Last In First Out)的原理运作。 – 维基百科

上面是维基百科对栈的解读。下面我们用JavaScript(ES6)代码对栈的数据结构进行实现

实现一个Stack类

/*** Stack 类*/class Stack { constructor() { this.data = []; // 对数据初始化 this.top = 0; // 初始化栈顶位置 } // 入栈方法 push() { const args = [...arguments]; args.forEach(arg => this.data[this.top++] = arg); return this.top; } // 出栈方法 pop() { if (this.top === 0) throw new Error('The stack is already empty!'); const peek = this.data[--this.top]; this.data = this.data.slice(0, -1); return peek; } // 返回栈顶元素 peek() { return this.data[this.top - 1]; } // 返回栈内元素个数 length() { return this.top; } // 清除栈内所有元素 clear() { this.top = 0; return this.data = []; } // 判断栈是否为空 isEmpty() { return this.top === 0; }}// 实例化const stack = new Stack();stack.push(1);stack.push(2, 3);console.log(stack.data); // [1, 2, 3]console.log(stack.peek()); // 3console.log(stack.pop()); // 3, now data is [1, 2]stack.push(3);console.log(stack.length()); // 3stack.clear(); // now data is []

用栈的思想将数字转换为二进制和八进制

/** * 将数字转换为二进制和八进制 */const numConvert = (num, base) => { const stack = new Stack(); let converted = ''; while(num > 0) { stack.push(num % base); num = Math.floor(num / base); } while(stack.length() > 0) { converted += stack.pop();  } return +converted;}console.log(numConvert(10, 2)); // 1010

用栈的思想判断给定字符串或者数字是否是回文

/** * 判断给定字符串或者数字是否是回文 */const isPalindrome = words => { const stack = new Stack(); let wordsCopy = ''; words = words.toString(); Array.prototype.forEach.call(words, word => stack.push(word)); while(stack.length() > 0) { wordsCopy += stack.pop(); } return words === wordsCopy;}console.log(isPalindrome('1a121a1')); // trueconsole.log(isPalindrome(2121)); // false

上面就是用JavaScript对栈的数据结构的实现,有些算法可能欠妥,但是仅仅是为了演示JS对栈的实现😄

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对的支持。

相关文章

微信小程序实现页面跳转传值的方法

微信小程序实现页面跳转传值的方法

传值,方法,页面跳转,程序,电脑软件,微信小程序实现页面跳转传值的方法比如从index。wxml跳转到aaa.wxmlindex.wml<navigator url="../aaa/aaa?id=1" > </navigator>传到aaa。wxml的时候传过去的值为id=1,则需要在aaa.wxml 的js获取到id=1a…

photoshop打造自己的节日礼花

photoshop打造自己的节日礼花

自己的,礼花,节日,电脑软件,photoshop,要成为一名合格的平面设计者就要学会打造自己的素材,在这里先教会大家制作自己的节日礼花,不会的朋友可以参考本文。步骤:1、首先打开photoshop并新建一个绘图画布。要注意设置颜色模式。背景根据自己的…

ps怎么设计绿竹子文字效果?

ps怎么设计绿竹子文字效果?

绿竹,文字效果,电脑软件,ps,ps制作竹字效果,看上去绿绿的,很漂亮的,下面我们就来看看详细的制作方法。软件名称:Adobe Photoshop 8.0 中文完整绿色破解版软件大小:150.1MB更新时间:2015-11-041、在ps软件中,新建一个800*800的文档,背景色拉一个天蓝…

微信小程序 共用变量值的实现

微信小程序 共用变量值的实现

程序,变量值,电脑软件,微信小,微信小程序 共用变量值的实现举个例子,比如从商品管理列表页,相对自己发布的商品进行修改,点击修改按钮,通过 activityId 唯一标识进行修个这个商品, 这个activityId 我们可以通过 页面跳转传值,在 onLoad 里获取到…

Photoshop简单透明干净的玻璃网页

Photoshop简单透明干净的玻璃网页

网页,透明,按钮,干净,玻璃,怎样在photoshop中创建一个透明玻璃效果的干净的网页用按钮.按钮主要就是质感的表现,处理好这方面基本上没用什么难度的,今天小编就为大家详细介绍一下,来看看吧!步骤1、新建图层,命名为 &ldquo;box&rdquo;。用圆角矩…

如何在WORD2007中制作个性名片WORD

如何在WORD2007中制作个性名片WORD

方法,名片,个性,如何在,电脑软件,  想制作一个属于自己的个性名片吗?呵呵,小编教你用常用的WORD文档打造自己的个性名片,跟小编一起做吧!WORD2007中制作个性名片的方法WORD2007制作个性名片步骤1:双击打开word文档,如图:WORD2007中制作个性名…

NodeJs中express框架的send | 方法

NodeJs中express框架的send | 方法

方法,框架,简介,电脑软件,NodeJs,express框架的send方法①send方法用的还挺多的,因此需要明确其作用;②原型是:res.send([body|status], [body])即既可以直接发送内容,也可以第一个参数状态,第二个参数内容。如果直接发送内容的话,状态会被自动补…

wps文字怎么修改为不能编辑

wps文字怎么修改为不能编辑

文字,修改,方法,只读,模式,  为了防止别人修改我们的wps文档,我们可以将其设置为只读模式,那么,如何设置呢?其实方法很简单,不懂的朋友会请多多学习哦。下面就让小编告诉你如何将wps文档设置为只读模式的方法。wps文字修改只读模式的方法打开…

ps怎么给制作放大缩小的动画效果?

ps怎么给制作放大缩小的动画效果?

动画效果,放大缩小,电脑软件,ps,今天我们给一张图片做一个放大缩小的动画效果,第一部分重点说明如何在这个软件中制作所用到的相片或图片操作,第二部分将介绍如果在把制作好的相片制作成动画,制作过程很简单,主要是使用时间轴来完成的,下面我们…

去掉WPS文本框的边框有哪些方法

去掉WPS文本框的边框有哪些方法

文本框,边框,方法,有哪些,电脑软件,  文本框默认是有边框的,但在某些特殊的情况下,是不需要的边框的,那么该怎么将它去掉呢?以下是小编为您带来的关于去掉WPS文本框的边框,希望对您有所帮助。去掉WPS文本框的边框步骤1、从插入标签找到文本框…

详解vue中computed 和 watch的异同

详解vue中computed 和 watch的异同

异同,详解,电脑软件,computed,vue,一、computed 和 watch 都可以观察页面的数据变化。当处理页面的数据变化时,我们有时候很容易滥用watch。 而通常更好的办法是使用computed属性,而不是命令是的watch回调。 这里我直接引用vue官网的例子来说…

js实现截图保存功能的代码示例

js实现截图保存功能的代码示例

代码示例,截图,功能,电脑软件,js,前几天公司项目里有这样一个需求,把网页的某一部分能够一键截图。这个功能其实就是对人力的一个优化,如果是人为做的话,相信大家都知道怎么做(用截图工具在指定区域截图,然后保存到本地,再上传的服务器上去)。我这…