js中的数据结构之栈

js中的数据结构之栈

一、定义

栈是一种限定仅在表尾进行插入和删除操作的线性表,遵循后入先出的原则。

二、描述

栈是和列表类似的一种数据结构,也可以说栈就是一种特殊的列表。

栈里面的元素只能通过列表的一端访问,这一端称为栈顶。相对地,把另一端称为栈底。

向一个栈添加新元素又称作进栈、入栈或压栈,它是把新元素放到栈顶元素的上面使其成为新的栈顶。从一个栈删除元素又称作出栈或退栈,它是把栈顶元素删除掉,使其相邻的元素成为新的栈顶元素。

栈中的数据遵循后入先出原则,所以任何不在栈顶的元素都无法访问到。为了得到栈底的元素,必须先拿掉上面的元素。

三、图示

四、属性和方法描述

对栈的操作主要有两种1、压栈push(向栈中添加一个元素) 2、出栈pop(移除栈中的一个元素)。

我们也可以根据需要定义其他的方法如读取最后一个元素peek(只读取不进行出栈操作),清空clear等。
1、push

向栈中添加一个元素

2、pop

移除栈中的一个元素

3、peek

访问栈顶的元素,不做出栈操作

4、clear

清空栈

5、length

获取栈的长度

五、代码实现

下面我们基于数据这个结构来实现一个栈结构。

复制代码
class Stack {
  constructor() {
    this.dataStore = [];
  }

  // 添加元素
  push(element) {
    this.dataStore.push(element);
  }

  // 移除元素
  pop() {
    return this.dataStore.pop();
  }

  // 仅获取栈顶元素
  peek() {
    return this.dataStore[this.dataStore.length - 1];
  }

  // 清空栈
  clear() {
    this.dataStore = [];
  }

  length() {
    return this.dataStore.length;
  }
}

六、测试

复制代码
const s = new Stack();
s.push(1);
s.push(3);
s.push(5);
console.log("长度: " + s.length()); // 长度: 3
console.log(s.peek()); // 5
const popped = s.pop();
console.log("出栈元素: " + popped); // 出栈元素: 5
console.log(s.peek()); // 3
s.push(7);
console.log(s.peek()); // 7
s.clear();
console.log("长度: " + s.length()); // 长度: 0
console.log(s.peek()); // undefined
s.push(9);
console.log(s.peek()); // 9
相关推荐
weedsfly4 小时前
还在用 Axios?你可能需要重新理解 XHR 与 Fetch
前端·javascript·面试
CoderWeen4 小时前
从零实现一个 Vue3 流程图编辑器:节点拖拽、贝塞尔连线与框选
前端·javascript
To_OC15 小时前
LC 128 最长连续序列:别上来就排序,O (n) 解法才是这题的灵魂
javascript·算法·leetcode
kyriewen19 小时前
我用 50 行代码重写了 React Router 核心,终于搞懂了前端路由原理
前端·javascript·react.js
Asize1 天前
HTML5 Canvas 基础:从按帧动画到 ECharts 数据可视化
前端·javascript·canvas
默_笙1 天前
🎄 后端给我一堆扁平数据,我 10 行代码把它变成了树
前端·javascript
前端Hardy1 天前
又一个 AI 神器火了!
前端·javascript·后端
PBitW1 天前
GPT训练我的第二天,我表示不过如此!!!😕😕😕
前端·javascript·面试
kyriewen1 天前
白宫直接给 OpenAI 下了限制令,GPT-5.6 不能随便放出来了
前端·javascript·面试
刘马想放假1 天前
Modbus 全栈技术解析:TCP、RTU、ASCII、RTU over TCP
数据结构·网络协议