栈的javascript实现和栈的应用

栈数据结构

栈是一种遵从后进先出(LIFO)原则的有序集合。新添加的或待删除的元素都保存在栈的同一端,称作栈顶,另一端就叫栈底。在栈里,新元素都靠近栈顶,旧元素都接近栈底。

Stack类的实现

一个栈应该具有这些方法:添加元素,移除元素,查看栈顶元素,检查栈是否为空,清空和打印栈元素。

ES5实现

function Stack() {
  let items = [] // 使用数据来保存栈里的元素

  this.push = function (element) { // 添加元素
    items.push(element)
  }

  this.pop = function () { // 移除元素
    return items.pop()
  }

  this.peek = function () { // 查看栈顶元素(最后一个元素)
    return items[items.length - 1]
  }

  this.isEmpty = function () { // 检查栈是否为空
    return items.length === 0
  }

  this.size = function () { // 查看栈的长度
    return items.length
  }

  this.clear = function () { // 清空栈
    items.length = 0
  }

  this.print = function () { //打印栈所有元素
    console.log(items.toString())
  }

  this.toString = function () {
    return items.toString()
  }
}

let stack = new Stack()

stack.push(3)
stack.push(2)
stack.push(1)

stack.print() // 3,2,1

但这样写有一个明显的问题:实例的方法不能共享,每生成一个实例都要新创建这么多的方法 。

ES6实现

class Stack {
  constructor() {
    this.item = []
  }
  push(element) {
    this.items.push(element)
  }

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

  peek() { // 查看栈顶元素(最后一个元素)
    return this.items[items.length - 1]
  }

  isEmpty() { // 检查栈是否为空
    return this.items.length === 0
  }

  size() { // 查看栈的长度
    return this.items.length
  }

  clear() { // 清空栈
    this.items.length = 0
  }

  print() { //打印栈所有元素
    console.log(this.items.toString())
  }

  toString() {
    return this.items.toString()
  }
}

这样的优点是:实例的方法放到原型链上共享,可以有效节省内存。
缺点是:items不是私有属性,会被直接访问到,破坏了类的完整性。比如:

let stack=new Stack()
stack.items.push('4')
stack.print() // 3,2,1,4,这里没有调用实例的方法,却依然改变了这个实例

利用ES6提供的一些新特性,有下面解决方法。

一.用Symbol类型实现私有属性

let _items = Symbol()
class Stack {
  constructor() {
    this[_items] = []
  }

  // Stack方法
}

ES6新增了Object.getOwnPropertySymbols方法,能够取到类里面声明的所有Symbols属性,因此类依然会被破坏。
二.用ES6的WeakMap实现类
有一种数据类型可以确保属性是私有的,这就是WeakMap。WeakMap可以存储键值对,其中键是对象,值可以是任意数据类型。

const items = new WeakMap()

class Stack {
  constructor() {
    items.set(this, [])
  }

  push(element) {
    let s = items.get(this)
    s.push(element)
  }

  pop() {
    let s = items.get(this)
    let r = s.pop()
    return r
  }

  // 其他方法
}

最后用闭包防止items被污染

let Stack = (function () {
  const items = new WeakMap()
  class Stack {
    constructor() {
      items.set(this, [])
    }

    // 其他方法
  }
  return Stack
})()

栈的应用

下面是使用栈的三个最著名的算法示例。

十进制转二进制

function divideBy2(decNumber) {
  let remStack = new Stack(),
    rem,
    binaryString = ''

  while (decNumber > 0) {
    rem = Math.floor(decNumber % 2)
    remStack.push(rem)
    decNumber = Math.floor(decNumber / 2)
  }

  while (!remStack.isEmpty()) {
    binaryString += remStack.pop().toString()
  }

  return binaryString

}

从二进制转换很容易抽象出任意进制转换。

function baseConverter(decNumber, base) {
  let remStack = new Stack(),
    rem,
    baseString = '',
    digits = '0123456789ABCDEF'

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

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

这里需要注意的是,16进制转换中,余数超过9的,将用字母ABCDEF代替。

平衡圆括号

平衡圆括号问题是指检查括号是否全部闭合(平衡)的算法。比如{{([][])}()}显然就不是平衡括号,{([])}是平衡括号。

function match(open, close) {
  let opens = '([{',
    closers = ')]}'
  return opens.indexOf(open) === closers.indexOf(close)
}

function parenthesesChecker(symbols) {
  let stack = new Stack(),
    balanced = true
  index = 0
  symbols, top,
    opens = '([{'

  while (index < symbols.length && balanced) {
    symbol = symbols[index]
    if (opens.indexOf(symbol) > -1) {
      stack.push(symbol)
    } else {
      top = stack.pop()
      if (!match(top, symbol)) {
        balanced = false
      }
    }
    index++
  }
  if (balanced && stack.isEmpty()) {
    return true
  }
  return false
}

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

汉诺塔

汉诺塔问题是指: 从左到右有A、B、C三根柱子,其中A柱子上面有从小叠到大的n个圆盘,现要求将A柱子上的圆盘移到C柱子上去,期间只有一个原则:一次只能移到一个盘子且大盘子不能在小盘子上面,求移动的步骤和移动的次数。


Tower_of_Hanoi.gif

算法思路:

  • (1): 先将A柱的n-1个移动到B柱
  • (2): 再将A柱的最后一个移动到C柱
  • (3): 最后再将B柱的n-1个移动到C柱

然后运用递归,重复以上步骤。

let count = 0
function towerOfHanoi(n, from, to, helper) {
  if (n > 0) {
    towerOfHanoi(n - 1, from, helper, to)
    to.push(from.pop())
    count++
    console.log('第'+count+'次')
    console.log('Source: ' + from.toString());
    console.log('Dest: ' + to.toString());
    console.log('Helper: ' + helper.toString());
    towerOfHanoi(n - 1, helper, to, from)
  }
}
let source = new Stack()
source.push(3)
source.push(2)
source.push(1)

let dest = new Stack()
let helper = new Stack()
let n = source.size()
towerOfHanoi(n, source, dest, helper)
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,980评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,178评论 2 380
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,868评论 0 336
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,498评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,492评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,521评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,910评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,569评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,793评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,559评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,639评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,342评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,931评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,904评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,144评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,833评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,350评论 2 342

推荐阅读更多精彩内容

  • 栈数据结构 栈是一种遵从后进先出(LIFO)原则的有序集合。新增加的或删除的元素都保存在栈的同一端,称作栈顶,另外...
    kim_jin阅读 1,639评论 0 0
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,400评论 1 45
  • 栈:如何实现浏览器的前进和后退功能? 浏览器的前进、后退功能,我想你肯定很熟悉吧? 当你依次访问完一串页面 a-b...
    GhostintheCode阅读 895评论 0 2
  • 我嘴角的微笑不变,但只为你 等待是一个山高水长的故事,就像一场风不知归路不知原因不知终点,只道是心甘情愿便一路追逐...
    我是小西木阅读 258评论 0 1
  • 李红梅真的留了下来,谭福真的有一点不相信自己了,“不会是真的吧,真的行吗?怎么好意思啊!” 屋子里一下子换了一个女...
    香辣豌豆阅读 356评论 0 0