JavaScript数据结构之栈实例用法


Posted in Javascript onJanuary 18, 2019


先来看一道题

Leetcode 32 Longest Valid Parentheses (最长有效括号)

给定一个只包含 '(' 和 ')' 的字符串,找出最长的包含有效括号的子串的长度。

示例 1:

输入: "(()"
输出: 2
解释: 最长有效括号子串为 "()"

示例 2:

输入: ")()())"
输出: 4
解释: 最长有效括号子串为 "()()"

这道题可以用动态规划来做,也能用简洁明了的栈来解决。

什么是栈?

栈是一种先进后出(LIFO)的有序集合,新添加的元素在栈顶,旧元素在栈底。

以下图为例,1、2、3、4、5、6、7先后进栈:

JavaScript数据结构之栈实例用法

创建栈

创建一个类来表示栈:

class Stack {
 // 初始化类,创建数组 items 存放入栈元素
 constructor() {
  this.items = [];
 }
 // push 方法进行元素入栈(可同时入栈一或多个元素),无返回值
 push() {
  this.items.push(...arguments);
 }
 // pop 方法出栈一个元素,返回出栈元素
 pop() {
  return this.items.pop();
 }
 // peek 方法返回栈顶元素,不对栈本身做任何操作
 peek() {
  return this.items[this.items.length-1];
 }
 // size 方法返回栈内元素个数
 size() {
  return this.items.length;
 }
 // isEmpty 方法查看栈是否为空,返回布尔值
 isEmpty() {
  return this.items.length == 0;
 }
 // clear 方法清空栈,无返回值
 clear() {
  this.items = [];
 }
 // print 方法打印栈内元素
 print() {
  console.log(this.items.toString());
 }
}
 
// 测试 
let stack = new Stack();
stack.push(1,2,3,4);
stack.print(); // 1,2,3,4
stack.isEmpty(); // false
stack.size(); // 4
stack.pop(); // 4
stack.peek(); // 3
stack.clear();

注意

因为 JavaScript 的类内暂时无法定义私有成员,所以可以在类外访问到存储栈元素的数组 items,这个操作是很危险的。

stack.items; // [1, 2, 3, 4]

这时可以使用闭包和IIFE进行避免,这是一个很无奈的办法:

let Stack = (function () {
 // 使用 WeakMap 存储数组(数组存放进栈元素)
 let items = new WeakMap();
 class Stack {
  constructor() {
   items.set(this, []);
  }
  push() {
   items.get(this).push(...arguments);
  }
  // 其他方法
 }
 return Stack;
})();
 
let s = new Stack();
// 无法访问到 items
s.items; // undefined

WeakMap: WeakMap是类似Map的键值对集合,但WeakMap的键是弱引用的,只要不存在引用,垃圾回收机制就会回收掉占用的内存,相当于自动删除,而不用手动删除。

用栈解题

思路:

变量start存放有效括号起始下标,maxLen存放最大长度;

栈只存放左括号的下标,遇到左括号,将其下标存入栈中;

遇到右括号,若此时栈为空,跳过本次循环并更新start;若栈不为空,则栈顶元素出栈;

栈顶元素出栈后,若栈为空,则计算当前下标和start的距离,并更新maxLen;

栈顶元素出栈后,若栈不为空,则计算当前下标和栈顶存放的下标的距离,并更新maxLen;

循环遍历直至结束。

function test(str) {
 let stack = new Stack();
 let start = 0;
 let maxLen = 0;
 
 for(let i=0; i<str.length; i++) {
  // 如果是左括号,下标入栈
  if (str[i] == '(') {
   stack.push(i);
  } else {
   // 如果是右括号
   /* 栈内为空,说明本次有效括号匹配已结束,跳过本次循环并更新 start */
   if (stack.isEmpty()) {
    start = i+1;
    continue;
   } else {
    // 栈内不为空,则出栈一个左括号进行匹配
    stack.pop();
    // 栈顶元素出栈后,栈为空
    if (stack.isEmpty()) {
     // 根据当前下标和 start 去更新 maxLen
     maxLen = Math.max(maxLen, i-start+1);
    } else {
     // 栈不为空,根据当前下标和栈顶存放的下标去更新 maxLen
     maxLen = Math.max(maxLen, i-stack.peek());
    }
     
   }
  }  
 }
  
 return maxLen;
}
 
test('(()'); // 2
test(')()())'); // 4
Javascript 相关文章推荐
pjblog修改技巧汇总
Mar 12 Javascript
基于jQuery的计算文本框字数的代码
Jun 06 Javascript
点击进行复制的JS代码实例
Aug 23 Javascript
利用try-catch判断变量是已声明未声明还是未赋值
Mar 12 Javascript
js实现漂浮回顶部按钮实例
May 06 Javascript
jQuery Validate 无法验证 chosen-select元素的解决方法
May 17 jQuery
Angular2使用Angular CLI快速搭建工程(一)
May 21 Javascript
基于Vue实现图书管理功能
Oct 17 Javascript
Vue中v-for的数据分组实例
Mar 07 Javascript
koa大型web项目中使用路由装饰器的方法示例
Apr 02 Javascript
Node.js系列之发起get/post请求(2)
Aug 30 Javascript
Echarts实现多条折线可拖拽效果
Dec 19 Javascript
Vue核心概念Action的总结
Jan 18 #Javascript
js取小数点后两位四种方法
Jan 18 #Javascript
jQuery移动端跑马灯抽奖特效升级版(抽奖概率固定)实现方法
Jan 18 #jQuery
jquery获取file表单选择文件的路径、名字、大小、类型
Jan 18 #jQuery
jQuery实现适用于移动端的跑马灯抽奖特效示例
Jan 18 #jQuery
js数组去重的方法总结
Jan 18 #Javascript
jQuery实现的3D版图片轮播示例【滑动轮播】
Jan 18 #jQuery
You might like
PHP更新购物车数量(表单部分/PHP处理部分)
2013/05/03 PHP
[原创]ThinkPHP让../Public在模板不解析(直接输出)的方法
2015/10/09 PHP
PHP基于cookie与session统计网站访问量并输出显示的方法
2016/01/15 PHP
twig模板常用语句实例小结
2016/02/04 PHP
Discuz不使用插件实现简单的打赏功能
2019/03/21 PHP
PHP实现数组向任意位置插入,删除,替换数据操作示例
2019/04/05 PHP
jQuery.get、jQuery.getJSON、jQuery.post无法返回JSON问题的解决方法
2011/07/28 Javascript
详细分析JavaScript变量类型
2015/07/08 Javascript
javascript中使用正则表达式清理table样式的代码
2020/04/01 Javascript
jQuery实现文本框邮箱输入自动补全效果
2015/11/17 Javascript
JavaScript第一篇之实现按钮全选、功能
2016/08/21 Javascript
在Docker快速部署Node.js应用的详细步骤
2016/09/02 Javascript
微信小程序开发之入门实例教程篇
2017/03/07 Javascript
利用JS制作万年历的方法
2017/08/16 Javascript
详解jQuery中的prop()使用方法
2020/01/05 jQuery
es6数组之扩展运算符操作实例分析
2020/04/25 Javascript
VUE页面中通过双击实现复制表格中内容的示例代码
2020/06/11 Javascript
vue设置全局访问接口API地址操作
2020/08/14 Javascript
vue项目在线上服务器访问失败原因分析
2020/08/14 Javascript
解决antd Form 表单校验方法无响应的问题
2020/10/27 Javascript
Python图算法实例分析
2016/08/13 Python
对Python3+gdal 读取tiff格式数据的实例讲解
2018/12/04 Python
python高级特性简介
2020/08/13 Python
PIP和conda 更换国内安装源的方法步骤
2020/09/21 Python
pandas处理csv文件的方法步骤
2020/10/16 Python
Python实现钉钉/企业微信自动打卡的示例代码
2021/02/02 Python
英国高档时尚男装购物网站:MR PORTER
2016/08/09 全球购物
电子商务专业毕业生工作推荐信
2013/11/17 职场文书
妇联领导班子剖析材料
2014/08/21 职场文书
法律专业大学生职业生涯规划书:向目标一步步迈进
2014/09/22 职场文书
2014年医院后勤工作总结
2014/12/06 职场文书
2015年艾滋病防治工作总结
2015/05/22 职场文书
2016暑期师德培训心得体会
2016/01/09 职场文书
使用numpy nonzero 找出非0元素
2021/05/14 Python
Python中22个万用公式的小结
2021/07/21 Python
Echarts如何重新渲染实例详解
2022/05/30 Javascript