面试官：你都工作3年了，这个算法题都不会？

小灰灰 2023-09-23 16:46 60阅读 0赞

![format_png][]

也许你我素未谋面，但很可能相见恨晚，我是**前端胖头鱼**。

### 前言 ###

> 金三银四，又到了换工作的最佳时机，我幻想着只要跳个槽，就能离开这个”鸟地方“，拿着更多的钱，干着最爽的事...

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

### 有效的括号问题 ###

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

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

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

**示例**

示例 1：
    输入：s = "()"
    输出：true
    
    示例 2：
    输入：s = "()[]{}"
    输出：true
    
    示例 3：
    输入：s = "(]"
    输出：false
    
    示例 4：
    输入：s = "([)]"
    输出：false
    
    示例 5：
    输入：s = "{[]}"
    输出：true
    
    复制代码

#### 解题信息 ####

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

根据题目推断出：

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

#### 暴力消除法 ####

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

**举个例子**

输入：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的用例，就是性能差了点，哈哈

![format_png 1][]

#### 栈解题法 ####

> 解题信息中的第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
    }
    
    复制代码

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

![format_png 2][]

### 结尾 ###

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

希望能一直给大家分享实用、基础、进阶的知识点，一起早早下班，快乐摸鱼。

期待你在**掘金**关注我：**前端胖头鱼**，也可以在**公众号**里找到我：**前端胖头鱼**。

[format_png]: https://img-blog.csdnimg.cn/img_convert/b2bbc85b5831cafe5ebeb6718c356385.webp?x-oss-process=image/format,png
[leetcode]: https://link.juejin.cn/?target=https%3A%2F%2Fleetcode-cn.com%2Fproblems%2Fvalid-parentheses%2F
[format_png 1]: https://img-blog.csdnimg.cn/img_convert/e26f7ddb06bcbee2deeec229edd94fd2.webp?x-oss-process=image/format,png
[format_png 2]: https://img-blog.csdnimg.cn/img_convert/c61b63495a15a334240258398b2c716a.webp?x-oss-process=image/format,png