JavaScript算法面试题

 更新时间:2022年04月18日 14:41:46   作者:前端胖头鱼  
这篇文章主要给大家分享的是JavaScript算法面试题汇总,文章举例清晰内容详细,具有一定的参考价值,需要的小伙伴可以参考一下

前言:

现实总是残酷的,最近有个学妹在换工作,面试前什么手写Priomise、vue双向绑定原理,webpack优化方式,准备了一大堆,本以为成竹在胸,结果却在算法上吃了大亏,心仪的offer没有拿到,一度怀疑人生。到底是什么算法题能让面试官对妹子说出你都工作3年了,这个算法题都不会?这样的狠话?

有效的括号问题

这是一道leetcode上的原题,本意是在考察候选人对数据结构的掌握。来看看题目

给定一个只包括 '(',')','{','}','[',']' 的字符串 s ,判断字符串是否有效。 有效字符串需满足:

  • 左括号必须用相同类型的右括号闭合。
  • 左括号必须以正确的顺序闭合。

示例:

示例 1:
输入:s = "()"
输出:true

示例 2:
输入:s = "()[]{}"
输出:true

示例 3:
输入:s = "(]"
输出:false

示例 4:
输入:s = "([)]"
输出:false

示例 5:
输入:s = "{[]}"
输出:true

解题信息

如果咱们确实没有刷过算法,不知道那么多套路,通过题目和示例尽可能的获取到更多的信息就很重要了。

根据题目推断出:

  • 字符串s的长度一定是偶数,不可能是奇数(一对对匹配)。
  • 右括号前面一定跟着左括号,才符合匹配条件,具备对称性。
  • 右括号前面如果不是左括号,一定不是有效的括号。

暴力消除法

得到了以上这些信息后,胖头鱼想既然是[]{}()成对的出现,我能不能把他们都挨个消除掉,如果最后结果是空字符串,那不就意味着符合题意了吗?

举个例子:

输入:s = "{[()]}"

第一步:可以消除()这一对,结果s还剩{[]}

第二步: 可以消除[]这一对,结果s还剩{}

第三步: 可以消除{}这一对,结果s还剩'' 所以符合题意返回true

代码实现:

const isValid = (s) => {
  while (true) {
    let len = s.length
    // 将字符串按照匹配对,挨个替换为''
    s = s.replace('{}', '').replace('[]', '').replace('()', '')
    // 有两种情况s.length会等于len
    // 1. s匹配完了,变成了空字符串
    // 2. s无法继续匹配,导致其长度和一开始的len一样,比如({],一开始len是3,匹配完还是3,说明不用继续匹配了,结果就是false
    if (s.length === len) {
      return len === 0
    }
  }
}

暴力消除法最终还是可以通过leetcode的用例,就是性能差了点,哈哈

image.png

栈解题法

解题信息中的第2条强调对称性,而栈(后入先出)入栈和出栈恰好是反着来,形成了鲜明的对称性。

入栈:abc,出栈:cba

abc
cba

所以可以试试从的角度来解析:

输入:s = "{[()]}"

第一步:读取ch = {,属于左括号,入栈,此时栈内有{
第二步:读取ch = [,属于左括号,入栈,此时栈内有{[
第三步:读取ch = (,属于左括号,入栈,此时栈内有{[(
第四步:读取ch = ),属于右括号,尝试读取栈顶元素(和)正好匹配,将(出栈,此时栈内还剩{[
第五步:读取ch = ],属于右括号,尝试读取栈顶元素[和]正好匹配,将[出栈,此时栈内还剩{
第六步:读取ch = },属于右括号,尝试读取栈顶元素{和}正好匹配,将{出栈,此时栈内还剩''
第七步:栈内只能'',s = "{[()]}"符合有效的括号定义,返回true

代码实现:

const isValid = (s) => {
  // 空字符串符合条件
  if (!s) {
    return true
  }

  const leftToRight = {
    '(': ')',
    '[': ']',
    '{': '}'
  }
  const stack = []

  for (let i = 0, len = s.length; i < len; i++) {
    const ch = s[i]
    // 左括号
    if (leftToRight[ch]) {
      stack.push(ch)
    } else {
      // 右括号开始匹配
      // 1. 如果栈内没有左括号,直接false
      // 2. 有数据但是栈顶元素不是当前的右括号
      if (!stack.length || leftToRight[ stack.pop() ] !== ch) {
        return false
      }
    }
  }

  // 最后检查栈内还有没有元素,有说明还有未匹配则不符合
  return !stack.length
}

暴力解法虽然符合我们日常的思维,但是果然还是栈结构解法好了不少。

image.png

结尾

面试中,算法到底该不该成为考核候选人的重要指标咱们不吐槽,但是近几年几乎每个大厂都将算法放进了前端面试的环节,为了获得心仪的offer,重温数据结构,刷刷题还是很有必要的,愿你我都被算法温柔以待。

到此这篇关于JavaScript算法面试题汇总的文章就介绍到这了,更多相关JavaScript算法内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • setInterval 和 setTimeout会产生内存溢出

    setInterval 和 setTimeout会产生内存溢出

    jscript 5.7 发布修复了不少ie javascript内存泄露的问题。但是leak依然存在。当我们频繁使用 setInterval 和 setTimeout 时就会每几秒钟出现32k leak...
    2008-02-02
  • 微信小程序时间轴组件的示例代码

    微信小程序时间轴组件的示例代码

    这篇文章主要介绍了微信小程序时间轴组件,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-05-05
  • JS判断是否360安全浏览器极速内核的方法

    JS判断是否360安全浏览器极速内核的方法

    这篇文章主要介绍了JS判断是否360安全浏览器极速内核的方法,对比分析了360安全浏览器极速内核与其他主流浏览器内核的区别及对应的判断技巧,需要的朋友可以参考下
    2015-01-01
  • flv.js的具体使用教程

    flv.js的具体使用教程

    flv.js是一款优秀的开源web端flv文件播放器,flv格式目前广泛应用在直播及音视频录制领域,本文就详细的介绍一下flv.js的具体使用教程,感兴趣的可以了解一下
    2023-05-05
  • 前端项目npm install 安装依赖报错的解决方案(三种问题解决方案)

    前端项目npm install 安装依赖报错的解决方案(三种问题解决方案)

    本文给大家介绍前端项目npm install 安装依赖报错的解决方案(三种问题解决方案),给大家总结了前端项目安装依赖,遇到过的问题,每一种问题给大家完美解决方案,感兴趣的朋友一起看看吧
    2023-12-12
  • js实现仿QQ秀换装效果的方法

    js实现仿QQ秀换装效果的方法

    这篇文章主要介绍了js实现仿QQ秀换装效果的方法,实例分析了javascript操作图片的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-03-03
  • js实现自动锁屏功能

    js实现自动锁屏功能

    有这么一个需求,开发了一套系统,当用户离开桌面或者一段时间不操作的话,需要把该系统所有打开页面锁定起来,本文就详细的介绍一下,感兴趣的可以了解一下
    2021-06-06
  • js 弹出层 并可以拖拽

    js 弹出层 并可以拖拽

    弹出层,并可以拖拽,好多人要,发出来共享一下 兼容IE6+, 各现代浏览器。
    2011-07-07
  • JS中cookie的使用及缺点讲解

    JS中cookie的使用及缺点讲解

    Cookie就是这样的一种机制。它可以弥补HTTP协议无状态的不足。在Session出现之前,基本上所有的网站都采用Cookie来跟踪会话。下面通过本文给大家介绍JS中cookie的使用及缺点,需要的朋友参考下吧
    2017-05-05
  • JavaScript 数据元素集合与数组的区别说明

    JavaScript 数据元素集合与数组的区别说明

    我们在获取一组页面元素时常会用到getElementsByName()或是getElementsByTagName()方法。
    2010-05-05

最新评论