千锋教育-做有情怀、有良心、有品质的职业教育机构

手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

当前位置:首页  >  技术干货  > JS栈结构的简单封装

JS栈结构的简单封装

来源:千锋教育
发布人:wjy
时间: 2022-10-10 16:43:03 1665391383

  栈:是一种遵循后进先出(Last In First Out / LIFO) 原则的一种有序集合。

  新添加或者要删除的元素都会保存在栈的同一端,我们把它叫做栈顶,另外一端叫做栈底。

  在栈中所有的新元素都接近栈顶,而所有的旧元素都接近栈底。

JS栈结构的简单封装1

  在我们的生活中也有很多类似于栈这种结构的例子:

  我们将栈视作是一个容器,比如水杯。它只有一个入口和出口就是杯子的顶部(和我们的栈非常相似)。我们向杯子中放入5块同杯子直径大小的饼干,全部放入后我们开始取出饼干。大家会发现 你最先取出的饼干是最后放入的那块,正好也就符合了我们栈的特点(LIFO)

  在编程世界中栈也被用来保存变量、方法调用等功能,也被用于浏览器的历史记录(比如浏览器的返回按钮)。

  那么下面我们就使用JavaScript的类来创建一个我们的栈。

JS栈结构的简单封装2

  我们需要一种方式来保存我们栈中的数据,从上面的代码可以看到,我这边选择的是数组。但是数组允许我们在任何位置添加或者删除元素,我们需要给元素添加和删除的位置有一个约束,让我们的数组能够遵循 后进先出(LIFO) 的原则。所以接下来需要给我们的栈再添加一些方法。

JS栈结构的简单封装3

  以上代码就已经实现了我们栈的功能。 接下来我们把它整理到一起来看一下。

JS栈结构的简单封装4

  接下来就可以使用我们的 Stack 了

JS栈结构的简单封装5

  最后,还有一些专业词汇希望大家能够掌握

  向栈中添加元素: 我们可以称其为 入栈、压栈、压入

  从栈中移除元素: 我们可以称其为 出栈、弹出

tags:
声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。
10年以上业内强师集结,手把手带你蜕变精英
请您保持通讯畅通,专属学习老师24小时内将与您1V1沟通
免费领取
今日已有369人领取成功
刘同学 138****2860 刚刚成功领取
王同学 131****2015 刚刚成功领取
张同学 133****4652 刚刚成功领取
李同学 135****8607 刚刚成功领取
杨同学 132****5667 刚刚成功领取
岳同学 134****6652 刚刚成功领取
梁同学 157****2950 刚刚成功领取
刘同学 189****1015 刚刚成功领取
张同学 155****4678 刚刚成功领取
邹同学 139****2907 刚刚成功领取
董同学 138****2867 刚刚成功领取
周同学 136****3602 刚刚成功领取
相关推荐HOT