简单了解JavaScript数据结构与算法之栈

本篇文章给大家带来了关于javascript的相关知识,其中主要介绍了关于栈的相关问题,包括了面向过程方法源码编写栈以及用面向对象的方法来源码书写等等内容,下面一起来看一下,希望对大家有帮助。

简单了解JavaScript数据结构与算法之栈

【相关推荐:javascript视频教程、web前端】

1.认识栈

栈:(stack)又名堆栈,它是一种运算受限的线性表。遵循后进先出(LIFO)栈顶:限定仅在表尾进行插入和删除操作的线性表,栈底:限定仅在表头进行插入和删除操作的线性表。进栈:向一个栈插入新元素又称作进栈、入栈或压栈,它是把新元素放到栈顶元素的上面,使之成为新的栈顶元素;出栈:从一个栈删除元素又称作出栈或退栈,它是把栈顶元素删除掉,使其相邻的元素成为新的栈顶元素

简单了解JavaScript数据结构与算法之栈

2.面向过程方法源码编写栈

2.1思考

面向过程是什么:

立即学习“Java免费学习笔记(深入)”;

面向过程就是将解决问题的步骤分析出来,

然后用函数实现,

只要一步一步的执行调用他就可以了。

2.2需要实现的方法

push(element)添加一个或多个元素到栈顶pop()删除钱顶的元素,并返回移除的元素peek()返回栈顶的元素isEmpty()用于判断栈是否为空,空则为空clear()用于清空栈的元素size()用于返回栈中元素的个数

在实现之前我们思考一下我们怎么实现

首先我们借用数组的方法来实现,所以我们需要创建

一个空数组来模拟栈

2.3源码实现,并调用类

构建一个类,用数组来模拟,

在类中书写各种方法

部分调用数组的方法。

总的来说就是用类来包装

数组的方法来实现栈的模拟

即构数智人 即构数智人

即构数智人是由即构科技推出的AI虚拟数字人视频创作平台,支持数字人形象定制、短视频创作、数字人直播等。

即构数智人 36 查看详情 即构数智人

class Stack {   constructor() {       this.item = []         }   push(element) {        this.item.push(element)               }   pop() {      return this.item.pop()          }   peek() {       return this.item[this.item.length - 1]            }   isEmpty() {       return this.item.length === 0            }   clear() {         this.item = []   size() {          return this.item.length            }        }//实例化Stack类const stack = new Stack()stack.push(4)stack.push(6)console.log( stack.pop())console.log(stack.peek())console.log(stack.isEmpty())console.log(stack.size())

运行结果:

简单了解JavaScript数据结构与算法之栈

 3.用面向对象的方法来源码书写

3.1思考

面向对象:

就是将构建问题的事物,分解成若干个对象,

建立对象不是为了完成某个步骤,而是为了

描述某个事物在解决问题过程的行为

3.2需要实现的方法

push(element)添加一个或多个元素到栈顶pop()删除钱顶的元素,并返回移除的元素peek()返回栈顶的元素isEmpty()用于判断栈是否为空,空则为空clear()用于清空栈的元素size()用于返回栈中元素的个数toString()用于将栈以字符串的形式打印

那么在实现这个类,我们用对象来模拟栈

3.3源码及使用类

class Stack {   constructor() {      this.count=0      this.items = {}            }   push(element) {      this.items[this.count]=element      this.count++            }    pop() {       if(this.isEmpty()){           return undefined          }       this.count--       const result=this.items[this.count]       delete this.items[this.count]       return result            }    peek() {          if(this.isEmpty()){               return undefined               }         return this.items[this.count-1]            }    isEmpty() {         return this.count===0            }    clear() {        this.items={}        this.count=0          }    size() {       return this.count           }    toString(){       if(this.isEmpty()){        return undefined               }         let objectString=`${this.items[0]}`          for(let i=1;i<this.count;i++){               objectString=`${objectString},${this.items[i]}`               }         return objectString            }        }  const stack = new Stack()  stack.push(23)  stack.push(34)  stack.push(80)  console.log( stack.pop())  console.log(stack.peek())  console.log(stack.isEmpty())  console.log(stack.size())  console.log(stack.toString())

在使用对象来模拟栈时,采用了键:值的方式 

来存储数据,比如this.items[this.count]=element

在这个结构中用this.count来记录栈的大小,

当我们向里面插入一个数字时,就分配count为键

插入的值为值。这个时候就需要将this.count++.

关于pop()与peek(),toString()方法都需要

先判断栈是否为空,如果为空则返回undefined。

【相关推荐:javascript视频教程、web前端】

以上就是简单了解JavaScript数据结构与算法之栈的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/550165.html

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
readdir如何处理目录中的隐藏文件
上一篇 2025年11月9日 19:39:11
全面解析:微信电脑安卓版的功能与使用技巧
下一篇 2025年11月9日 19:39:16

相关推荐

发表回复

登录后才能评论
关注微信