专栏首页zaking's用js来实现那些数据结构05(栈02-栈的应用)

用js来实现那些数据结构05(栈02-栈的应用)

  上一篇文章我们一起实现了栈,那么这一篇文章我们一起来用栈解决问题。看看如何用栈来解决进制转换平衡圆括号以及汉诺塔问题,使我们对栈有更为深入的理解。

1、进制转换

我们先来看看十进制如何转换成二进制,十进制整数转换为二进制整数采用"除2取余,逆序排列"法。具体做法是:用2整除十进制整数,可以得到一个商和余数;再用2去除商,又会得到一个商和余数,如此进行,直到商为0时为止,然后把先得到的余数作为二进制数的低位有效位,后得到的余数作为二进制数的高位有效位,依次排列起来。简单来说就是拿十进制数去除以二,如果整除了,那么余数为0,放入栈中,如果没有整除,余数就是1,放入栈中,直至相除的结果为0。依据所得到的结果,后得到的余数排列在最前面。也就是栈顶元素从左到右排列。

我们已经知道了十进制如何转换成二进制,那么我们看看代码是怎么实现的吧。

function decimalToBinary(decNumber) {
  //声明一个stack对象
  const remStack = new Stack();
  // 需要转换的数字
  let number = decNumber;
  //每次相除后所得的余数
  let rem;
  //转换后的二进制字符串
  let binaryString = '';
//当number为0的时候结束循环
  while (number > 0) {
      //对余数向下取整,因为这里不取整的话会出现小数,js没有浮点或者整形这一说。
    rem = Math.floor(number % 2);
    // 存储当前的余数
    remStack.push(rem);
    //因为上面对number取余只是拿到了最后余数的结果,number本身并没有除以二,所以这里除以二是为了保证后面可以再一次取余的结果正确性
    number = Math.floor(number / 2);
  }
  //这里的意思是如果栈中还有元素,那么就循环拼接字符串。
  while (!remStack.isEmpty()) {
    binaryString += remStack.pop().toString();
  }

  return binaryString;
}

console.log(decimalToBinary(100));//1100100
console.log(decimalToBinary(1));//1
console.log(decimalToBinary(2));//10
console.log(decimalToBinary(111));//1101111
console.log(decimalToBinary(65));//1000001

  那么上面就实现了十进制转换二进制的方法,那么我想可不可以使它更完善一点,实现十进制转换成二进制,八进制,十六进制等。

function baseConverter(decNumber, base) {
  const remStack = new Stack();
  // 这是转换的对比字典,大家知道在十位以后的禁止转换中,10用A代表,11用B代表。
  //所以当我们在转换的时候需要使余数的数字被字母所替换。
  const digits = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ';
  let number = decNumber;
  let rem;
  let baseString = '';
  //这里只做2到36位之间的转换,因为理论上来讲可以进行任何位数之间的互相转换。
  //但是在不同位数之间转换的时候会有更为复杂的情况
  if (!(base >= 2 && base <= 36)) {
    return '';
  }

  while (number > 0) {
    rem = Math.floor(number % base);
    remStack.push(rem);
    number = Math.floor(number / base);
  }

  while (!remStack.isEmpty()) {
    baseString += digits[remStack.pop()];
  }

  return baseString;
}


console.log(baseConverter(100,16));//64
console.log(baseConverter(1,16));//1
console.log(baseConverter(12,8));//14
console.log(baseConverter(122323123,36));//20TT4J
console.log(baseConverter(111111111,28));//6CLF9R
console.log(baseConverter(99,16));//63

  我们发现其实对于十进制转换成其它进制,貌似只是多了一个对照表digits,本质上并没有什么区别。

2、平衡圆括号

function parenthesesChecker(symbols) {
  const stack = new Stack();
  const opens = '([{';
  const closers = ')]}';
  let balanced = true;
  let index = 0;
  let symbol;
  let top;
  while (index < symbols.length && balanced) {
      // 从0开始(index的初始值),给symbol赋值
    symbol = symbols.charAt(index);
    // 这里判断symbol是否在opens中存在,即opens.indexOf的返回值不为负数。
    if (opens.indexOf(symbol) >= 0) {
      // 如果存在,那么说明是开始符号,入栈。
      stack.push(symbol);
      //那么之前判断了是否存在开始符号,如果不存在的话就不会入栈,所以stack就没有元素,自然stack为空,balanced返回false。
      //因为如果一开始的第一个符号就是尾部符号一定是无法对称平衡的。
    } else if (stack.isEmpty()) {
      balanced = false;
    } else {
      // 获取栈顶元素并移除
      top = stack.pop();
      // 这个else其实是当symbols中对应的下标没有值得时候,就说明是closer中的值之一。
      //所以这里的symbol其实是closer,所以获取最近入栈的值进行比较,就能判断出是否是平衡的。
      if (!(opens.indexOf(top) === closers.indexOf(symbol))) {
        balanced = false;
      }
    }
    // 继续循环
    index++;
  }
  // 这里,如果是balanced的,并且stack为空,那么说明我们的所有元素必然是一一对称的。
  //因为如果不对称是无法完全出栈的
  if (balanced && stack.isEmpty()) {
    return true;
  }
  return false;
}


console.log(parenthesesChecker("(()()())"))
console.log(parenthesesChecker("(({})){["))
console.log(parenthesesChecker("{}()[]"))
console.log(parenthesesChecker("{{{}}}}"))
console.log(parenthesesChecker("[][][]["))

其实这个方法的核心在于,判断当前下标的参数是头部分还是尾部分,头部就入栈,如果是尾部就出栈头部并和当前尾部对比。正是利用了栈的特性。

3、汉诺塔

什么是汉诺塔?我相信很多人小时候都玩过,有图有真相,没图不BB。

  在开始玩汉诺塔游戏之前,我先给大家说一下汉诺塔游戏的规则

    规则一:每次操作只能移动一个圈圈,把它从一个柱子移到另一个柱子上。

    规则二:大圈圈不能架在小圈圈的上面。

  这是游戏的规则,那么换作程序的话,规则是这样的:假设这里有三根相邻的柱子,标号为A,B,C,A柱子上由下到上按金字塔状叠放着n个不同大小的圆盘,要把所有盘子一个一个移动到柱子B上,并且每次移动同一根柱子上都不能出现大盘子在小盘子上方,请问至少需要移动多少次?

  我的理解,1、目的是把这个汉诺塔从一个柱子依照由下到上的顺序完整的移动到另一个柱子上,

       2、大圈不能在小圈之下,但是可以隔层放置大小圈,比如八号最大,越往上越小,那么在移动的过程中,5号是可以放在7号上面的。

       3、可以往回放。

  如果还有不清楚规则的地方,可以去这里亲自玩一下这个游戏。

  我们已经对汉诺塔有了简单的了解,那么我们看看如何用栈来实现这个游戏吧:

//plates:盘子数量,source源柱子,helper暂存柱子,dest目标柱子,sourceName源柱子名称,helperName暂存柱子名称,destName目标柱子名称,moves步数(若不传值则默认为一个数组)
function towerOfHanoi(plates, source, helper, dest, sourceName, helperName, destName, moves = []) {
    console.log(moves.length)
  //如果盘子的数字不大于0 ,那么直接返回moves,终止递归的条件。
  if (plates <= 0) return moves;

  if (plates === 1) {
    dest.push(source.pop());
    const move = {};
    move[sourceName] = source.toString();
    move[helperName] = helper.toString();
    move[destName] = dest.toString();
    moves.push(move);
  } else {
      //递归调用自身。并且将盘子的数量减少一个,这里交换了dest和helper的位置,是为了dest.push中存入的栈是helper栈,也就是说是为了存入对应的柱子。
    towerOfHanoi(plates - 1, source, dest, helper, sourceName, destName, helperName, moves);
    //从源柱子拿出最顶层的一个放入目标柱子(如果dest和helper互换了位置,那么其实这里的dest实际上代表的是helper)
    dest.push(source.pop());
    //声明常量,用来存储当前各个柱子的盘子栈况
    const move = {};
    move[sourceName] = source.toString();
    move[helperName] = helper.toString();
    move[destName] = dest.toString();
    // 存入moves
    moves.push(move);
    towerOfHanoi(plates - 1, helper, source, dest, helperName, sourceName, destName, moves);
  }
  return moves;
}

function hanoiStack(plates) {
    // 创建每一个柱子的栈对象,source是最开始拥有所有圈圈的柱子,dest是目标柱子,helper是中间的暂存柱子
  const source = new Stack();
  const dest = new Stack();
  const helper = new Stack();
  //倒序循环把每一个圈圈序号放入source栈
  for (let i = plates; i > 0; i--) {
    source.push(i);
  }
  //通过return调用towerOfHanoi计算方法。
  return towerOfHanoi(plates, source, helper, dest, 'source', 'helper', 'dest');
}
//这个方法是计算在汉诺塔的层数为plates的时候,每一个是从哪个柱子拿到哪个柱子的
function hanoi(plates, source, helper, dest, moves = []) {
  if (plates <= 0) return moves;
  if (plates === 1) {
    moves.push([source, dest]);
  } else {
    hanoi(plates - 1, source, dest, helper, moves);
    moves.push([source, dest]);
    hanoi(plates - 1, helper, source, dest, moves);
  }
  return moves;
}


console.log(hanoiStack(2))
console.log(hanoi(8, 'source', 'helper', 'dest'));

  到这里,我们对栈有了一定的了解,相信大家在今后无论什么情况下遇到“栈”这个词都不会再陌生和懵懂了。那么对栈的学习到这里就基本结束了。下一篇文章会跟大家一起学习一下队列这个数据结构。

  最后,由于本人水平有限,能力与大神仍相差甚远,若有错误或不明之处,还望大家不吝赐教指正。非常感谢!

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • JavaScript 模式》读书笔记(3)— 字面量和构造函数2

      上一篇啊,我们聊了聊字面量对象和自定义构造函数。这一篇,我们继续,来聊聊new和数组字面量。

    zaking
  • 《JavaScript 模式》读书笔记(8)— DOM和浏览器模式1

    在本书的前面章节中,我们主要集中关注于核心JavaScript(ECMAScript),而并没有太多关注在浏览器中使用JavaScript的模式。本章将探索一些...

    zaking
  • 走近webpack(1)--多入口及devServer的使用

      上一篇文章留下了一些问题,如果你没看过上一篇文章,可以在我的博客里查找,或者直接从这篇文章开始也是没问题的。  const path = require('...

    zaking
  • SAP最佳业务实践:SD–按计划协议的销售(231)-1业务概览

    用途 计划协议广泛应用于离散行业。 此业务情景关注于订单到发票的周期。 描述了在典型系列业务环境中的外向处理。 优点 简化了从客户到供应商的需求流程 高...

    SAP最佳业务实践
  • Sublime安装、破解、汉化、使用、教程(详解)

    编辑工具千千万,很多人喜欢用不同的编辑器来比较,比较这个和那个哪一个更好一点,其实我觉得这个是没有任何意义的一件事,为什么呢?很简单,不同的编辑工具面向的编码环...

    何处锦绣不灰堆
  • 《中国AI算力发展评估报告》发布!北京只能排第二,推理需求猛增

    因为我们通常把AI视为新时代的电力,那用电量和电力资源,毫无疑问可以作为衡量标准。

    量子位
  • ZKEACMS的高级自定义 - 内容和模板

    使用自定义内容的功能,可以方便的创建特有的内容类型,每个类型的字段都可以自定义,例如添加一个“个人信息”的类型,有两个字段,姓名和地址:

    Mr. Wei
  • 学习前端比看书更重要的,就是动手练习

    在今天的零基础web前端课程中,讲到调用api获取商品列表json生成dom节点添加到页面中的时候,在课程的间隙要进行相应的练习。我基本确定每个同学都听懂了,然...

    web前端教室
  • Git将一个项目同时从本地推送到GitHub和Gitee

    博主是根据自己的情况写这篇博文的,每个人遇到的情况和需求可能不一样哈,所以初始的步骤也不一定一致,但是同时推送到Github和Gitee的步骤都会是一致滴!

    小菠萝测试笔记
  • 前端面试题

    3、实现效果,点击容器内的图标,图标边框变成border 1px solid red,点击空白处重置。

    grain先森

作者介绍

zaking
  • 云+社区翻译社勋章

小叶云(北京)信息技术有限公司前端开发工程师

小叶云(北京)信息技术有限公司 · 前端开发工程师 (已认证)

精选专题

活动推荐

扫码关注云+社区

领取腾讯云代金券