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

JavaScript 栈的详解及实例代码

JavaScript 栈的详解及实例代码

JavaScript 栈

栈是一种遵从先进后出(LIFO)原则的有序集合。

新添加或待删除的元素都保存在栈的末尾,称作栈顶,另一端就叫栈底。

在栈里,新元素都靠近栈顶,旧元素都接近栈底

昨天因为有点事没有更新,今天打算给大家讲讲JavaScript实现的数据结构

数据结构与算法是程序语言的灵魂,是解决一切编程问题的基础

以前学C/C++的时候,感觉算法还是非常重要的,但是前端涉及的并不多

不管怎样,作为技术人员,理解一些基本数据结构和算法应该是必须的

而且我们的JavaScript实现数据结构和算法更加容易

下面我们就先来看看其中一个最基本的

栈的理解

栈这种数据结构其实很好理解

可以把它想象成一个刚好能容下书大小的小箱子

推栈/压栈就是把一本书书放在箱子中,但是只能放在箱子的最上面

弹栈/出栈就是从箱子中拿出一本书

栈顶是箱子中最顶上的书

栈底是箱子中对低下的书

生活中栈的例子比比皆是,比如堆放盘子,子弹夹推子弹等等

这可以帮助我们更好的理解栈

栈也被用在我们编程语言的编译器和内存中保存变量、方法调用等等

栈的创建

那么现在我们来用JavaScript实现一个栈

首先我们需要考虑一种数据结构来保存栈元素,毫无疑问数组是合适的选择

然后我们要实现栈的功能,同样以装书为例

  1. 向栈顶中添加元素(向箱子了扔一本书)
  2. 移除栈顶元素(从箱子中取出一本书)
  3. 查看栈顶元素(看看箱子里最上面的书是什么)
  4. 判断栈是否为空(看看箱子里有没有书)
  5. 移除栈内全部元素(把箱子里的书全倒出来)
  6. 查看栈里元素个数(查看箱子里有几本书)

毫无疑问如果箱子里有很多书我们不能直接把箱子低下的书拿出来 所以我们不能直接操作栈底

也许我们有很多这样的箱子,有很多栈 ,所以我们最好把它声明为一个“类”,完整代码如下

function Stack() {  var items = [];  this.push = function (ele) {    items.push(ele);  };//推栈  this.pop = function () {    return items.pop();  };//弹栈  this.peek = function () {    return items[items.length - 1];  };//查看栈顶元素  this.isEmpty = function () {    return items.length === 0;  };//判断栈是否为空  this.size = function () {    return items.length;  };//栈大小  this.clear = function () {    items = [];  };//清空栈  this.print = function () {    console.log(items.toString());  };//打印栈}var stack = new Stack(); //声明栈的实例

栈的应用

下面我们就用栈解决一些问题

比如把十进制转化为二进制

要把十进制转化为二进制,可以把这个数字和2整除,直到0为止
比如把50转化为二进制就是10010

下面是算法实现

function convertBinary(decNum) {  //十进制转换为二进制  var remStack = new Stack(),    rem,    binaryStr = '';  while(decNum) {    rem = Math.floor(decNum % 2);    decNum = Math.floor(decNum / 2);    remStack.push(rem);   //余数放到栈中  }  while(!remStack.isEmpty()) {    binaryStr += remStack.pop();  //利用pop把栈内元素逐一弹出,将余数拼接成为一个字符串  }  return binaryStr;}console.log(convertBinary(50));//输出10010

还可以修改这个算法,让这个函数能够把十进制转化为任何进制

function baseConverter(decNum, base) { //十进制转换为任意进制      var base = (base >= 2 && base <= 16) ? base : 10,    remStack = new Stack(),    rem,    baseStr = '',    digits = '0123456789ABCDEF';  while(decNum) {    rem = Math.floor(decNum % base);    decNum = Math.floor(decNum / base);    remStack.push(rem);   //余数放到栈中  }  while(!remStack.isEmpty()) {    baseStr += digits[remStack.pop()]; //利用pop把栈内元素逐一弹出,将余数拼接成为一个字符串  }  return baseStr;}

其实用数组也可以实现,为了练习一下栈,就用栈来实现这个算法

通过这个小应用我们可以简单理解栈

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

相关文章

qq安全中心锁定游戏教程

qq安全中心锁定游戏教程

安全中心,锁定,教程,方法,游戏,  怎么让你玩的腾讯游戏更加安全?qq安全中心游戏锁就是你开启游戏之后每次都要输入一次验证码,不输人验证码是进不去的,然而验证码都在你的手机QQ安全中心上,所以非常安全。今天小编给你分享一下qq安全中心锁…

怎么利用c语言创建excel文件利用c

怎么利用c语言创建excel文件利用c

文件,语言,方法,电脑软件,excel,  要利用c语言创建excel文件在把它导入excel其实很简单,下面就和小编一起看看怎么利用c语言创建excel文件,希望对你有帮助!利用c语言创建excel文件的方法如果数据简单的话,可以使用CSV(逗号分隔值)格式的文件…

jquery dialog获取焦点的方法

jquery dialog获取焦点的方法

方法,获取焦点,电脑软件,jquery,dialog,本文实例讲述了jquery dialog获取焦点的方法。分享给大家供大家参考,具体如下:$(document).ready(function () { //初始化新增申请对话框 $("#addBusinessTrip").dialog({ open: function (e…

photoshop5.0软件怎么抠图

photoshop5.0软件怎么抠图

抠图,方法,电脑软件,  抠图是很多同学都想要学习的,在photoshop中抠图的方法太多了。其实这个也不算太难,下面就让小编告诉你photoshop5.0软件怎么抠图的方法,一起学习吧。photoshop5.0软件抠图的方法开启PS5软件,打开需要抠图的素材。(文件>…

excel2010进行分类汇总的方法步骤

excel2010进行分类汇总的方法步骤

方法,步骤,分类,进行分类,电脑软件,  分类汇总,就是对数据按种类进行快速汇总。在分类汇总前,需要对数据进行排序,让同类内容有效组织在一起。下面让小编为你带来excel2010分类汇总的方法,希望对你有帮助!excel2010分类汇总的方法步骤1.打开Ex…

QQ空间美文精彩说说集锦

QQ空间美文精彩说说集锦

空间,美文,精彩,集锦,新篇,  在QQ空间中会看到很多么唯美的说说句子,i是否也想发表一些从而赢得大家的点赞关注呢?QQ空间美文精彩说说有哪些的呢?本文是小编整理QQ空间美文精彩说说的资料,仅供参考。QQ空间美文精彩说说【经典篇】一、 楼底…

Http请求长时间等待无结果返回解决

Http请求长时间等待无结果返回解决

等待,请求,长时间,解决办法,电脑软件,Http请求长时间等待无结果返回解决办法今天遇到一个奇葩的问题,这个程序主要是用于调用接口搜集数据的,但是,发生了不好的事情就是服务器中启动的进程非常多,一直无法结束,没办法只能采用kill的方法,将所有的…

excel怎么批量删除单元格数据excel

excel怎么批量删除单元格数据excel

批量删除,数据,方法,步骤,单元格,  在输入excel后才发现很多数据是无效的,哎,真麻烦,难道又要一个个删除?其实并不用,小编马上就告诉你怎么批量删除单元格的数据。excel批量删除单元格数据的步骤①打开Excel2013,导入数据源,我们要把红色单元格…

wps ppt怎么制作流程图wps ppt做流

wps ppt怎么制作流程图wps ppt做流

流程图,方法,制作教程,电脑软件,wps,  平时工作中,我们都会使用wps的ppt制作流程图。做出来的流程图直观又简洁,下面小编就为你提供wps ppt制作流程图的方法,希望对你有帮助!wps ppt制作流程图的方法安装Powerpoint软件,并打开,新建一个空白文…

wps如何做数据透视表图文教程

wps如何做数据透视表图文教程

数据,图文教程,方法,透视,如何做,  为了让我们更好地分析数据,我们一般需要在wps表格中制作数据透视表,对于新手来说可能不知道如何制作透视图。下面就让小编告诉你在wps中制作数据透视表的方法,希望对大家有所帮助。wps做数据透视表的方法w…

js实现适配不同的屏幕大小

js实现适配不同的屏幕大小

屏幕,大小,电脑软件,js,话不多说,请看代码:// 通过js适配不同的屏幕大小(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = fu…

分享vue.js devtools遇到一系列问

分享vue.js devtools遇到一系列问

分享,系列,电脑软件,js,vue,使用vue.js devtools遇到的磕磕绊绊,具体如下1.首先我们需要在谷歌浏览器扩展程序中点击获取更多2.在搜索框输入vue.js devtools,点击安装此扩展3.检查扩展是否开启我们需要检测我的扩展是否开启,允许文件地址是否…