JS中的算法与数据结构之栈(Stack)实例详解

JS中的算法与数据结构之栈(Stack)实例详解

什么是栈?

栈(Stack)是一种遵从后进先出(LIFO)原则的有序集合,是一种线性数据结构,只允许在栈顶进行插入和删除操作。

如何实现栈?

JavaScript中可以通过数组来实现栈,使用数组的pop()、push()方法可以轻松地实现栈的相关操作。

创建一个栈(Stack)类

class Stack {
  constructor() {
    this.items = [];
  }

  // 添加元素到栈顶
  push(element) {
    this.items.push(element);
  }

  // 移除栈顶元素并返回
  pop() {
    return this.items.pop();
  }

  // 返回栈顶元素
  peek() {
    return this.items[this.items.length - 1];
  }

  // 判断栈是否为空
  isEmpty() {
    return this.items.length == 0;
  }

  // 返回栈的大小
  size() {
    return this.items.length;
  }

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

如何使用栈?

示例 1: 使用栈实现括号匹配

function bracketsMatch(str) {
  let stack = new Stack();
  let arr = str.split('');
  for (let i = 0; i < arr.length; i++) {
    if (arr[i] == '(') {
      stack.push(arr[i]);
    } else if (arr[i] == ')') {
      if (stack.isEmpty()) {
        return false;
      } else {
        stack.pop();
      }
    }
  }
  return stack.isEmpty();
}

console.log(bracketsMatch('(a+b)*(c-d)')); // true
console.log(bracketsMatch('(a+b)*((c-d)')); // false

示例 2: 使用栈实现进制转换

function decimalToBinary(decimalNum) {
  let stack = new Stack();
  while (decimalNum > 0) {
    let remainder = decimalNum % 2;
    stack.push(remainder);
    decimalNum = Math.floor(decimalNum / 2);
  }
  let binaryStr = '';
  while (!stack.isEmpty()) {
    binaryStr += stack.pop().toString();
  }
  return binaryStr;
}

console.log(decimalToBinary(10)); // '1010'
console.log(decimalToBinary(23)); // '10111'

总结

栈是一种常用的数据结构,使用栈可以方便地实现多种算法和问题的解决方案。在JavaScript中可以通过数组来实现栈的相关操作,也可以通过递归等方式实现栈的应用。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JS中的算法与数据结构之栈(Stack)实例详解 - Python技术站

(0)
上一篇 2023年5月27日
下一篇 2023年5月27日

相关文章

  • 扒一扒JavaScript 预解释

    下面是关于 “扒一扒JavaScript 预解释” 的完整攻略: 什么是JavaScript预解释? JavaScript是一种解释型语言,它在运行前必须进行解释并执行代码,而预解释则是在JavaScript代码执行之前进行一遍解释的过程。预解释其实是JavaScript解释器在读取JavaScript代码时,先查找所有定义的变量、函数,并且把这些变量、函数…

    JavaScript 2023年5月18日
    00
  • JavaScript实现密码框输入验证

    当我们开发一个表单应用时,用户在密码框中输入密码时,我们需要确保用户输入的密码在不显示明文的情况下是正确的。JavaScript中可以使用一些技术来实现这个目标,包括事件监听、DOM操作和正则表达式等。 以下是实现“JavaScript实现密码框输入验证”的完整攻略: 步骤1:创建密码框 我们需要创建一个密码框,使我们的用户能够输入密码。在HTML中,可以使…

    JavaScript 2023年6月10日
    00
  • JS基于FileSystemObject创建一个指定路径的TXT文本文件

    下面给您详细讲解基于FileSystemObject创建指定路径的TXT文本文件的完整攻略。 步骤一:创建FileSystemObject对象 使用JavaScript创建FileSystemObject对象,可以使用以下代码: var fso = new ActiveXObject("Scripting.FileSystemObject&quot…

    JavaScript 2023年5月27日
    00
  • gulp-htmlmin压缩html的gulp插件实例代码

    下面是“gulp-htmlmin压缩html的gulp插件实例代码”的完整攻略。 什么是gulp-htmlmin gulp-htmlmin 是一个用于压缩 HTML 文件的 Gulp 插件。 安装gulp-htmlmin 在使用 gulp-htmlmin 之前,需要先安装 Gulp 和 gulp-htmlmin,可以使用以下命令安装: npm install…

    JavaScript 2023年6月10日
    00
  • 最常用的12种设计模式小结

    您好,以下是我对“最常用的12种设计模式小结”的完整攻略: 最常用的12种设计模式小结 1. 单例模式(Singleton) 单例模式保证在整个应用程序中只有一个实例被创建。这种模式适用于全局对象的创建方式,并且通常使用延迟加载方式进行初始化。 示例:在游戏开发中,通常只需要一个游戏管理器,这个游戏管理器可以使用单例模式实现,确保只有一个游戏管理器对象,并且…

    JavaScript 2023年6月11日
    00
  • JavaScript中Window对象的属性及事件

    关于JavaScript中Window对象的属性及事件,我可以给你提供以下完整攻略。 Window对象 Window对象代表浏览器的窗口。窗口对象是全局对象,即它在全局作用域下可用,而且每个窗口都有一个Window对象。在浏览器中打开的每个页面和每个框架都有自己的Window对象。 Window的属性 Window的位置和尺寸 Window对象有一些属性,这…

    JavaScript 2023年5月27日
    00
  • js显示时间 js显示最后修改时间

    下面是关于“js显示时间 js显示最后修改时间”的详细讲解及示例: 一、JS显示时间 1. 在HTML页面上显示当前时间 我们可以使用以下JavaScript代码来在HTML页面上显示当前时间: <p id="time"></p> <script> var now = new Date(); var h…

    JavaScript 2023年5月27日
    00
  • 详解Bootstrap创建表单的三种格式(一)

    我可以给你详细讲解一下“详解Bootstrap创建表单的三种格式(一)”的完整攻略。 标题 首先,我们需要了解Bootstrap是什么以及它的作用。Bootstrap是Twitter公司开源的一款前端开发框架,主要用于快速实现响应式布局和美化各类界面。特别是在表单的开发中,它们的优势会显得更加明显。Bootstrap提供了三种创建表单的格式,接下来分别进行详…

    JavaScript 2023年6月10日
    00
合作推广
合作推广
分享本页
返回顶部