牛客JS题(十八)子字符串频次

注释很详细,直接上代码
涉及知识点:

  1. 忍者码风
  2. 正则表达式正向预查
  3. &&运算符短路特性
  4. 编程思维

题干:

我的答案

html 复制代码
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
  </head>
  <body>
    <script>
      /**
       * 今天咱玩点特别的,忍者码风,启动!
       * 这题呢我们写了两种写法,正则表达式和indexOf
       * 
       * 正则表达式解法:
       * 对于这题的正则表达式的写法呢,牛客题解区好像没看到正确的写法,
       * 主要是因为他们忽略了正则表达式默认的匹配行为是从上一个匹配结束的位置继续向后查找,也就会忽略重叠部分
       * 小友别焦虑,细想一下什么在匹配时不会消耗字符位置------正向预查    
       * 再提醒一下牛客判题不支持可选链,交题记得去掉
       */
      const _searchStrIndexOf = (str, target) =>
        str.match(new RegExp(`(?=(${target}))`, "g"))?.length || 0;

      console.log(_searchStrIndexOf("ssss", "sss")); //2
      console.log(_searchStrIndexOf("12121212", "212")); //3

      /**
       *  indexOf解法:
       *  计算部分短短一行,细节满满
       *  我们的思路是每次找到字符串出现的位置,下一次从上次出现的位置的下一个字符开始匹配,刚好排除之前匹配到的又可以考虑到重叠的情况
       *  这里有个细节,index初始化会是0吗,习惯性填上0可就噶了,刚开始应该使index+1=0,index初始值自然就是-1了
       *  (a=b)!=-1这个条件怎么理解呢,难不成赋个值还有返回值吗,当然不是,这个条件是先将b的值赋给a然后再直接正常判断a就行了
       *  ++count又是一个细节,如果是count++的话是不是作为条件判断完再加,count在第一次判断时是0,相当于false,所以一定需要++count
       *  别急还有一个细节呢,小友有没有了解过&&运算符的短路特性,如果&&前面的条件为false,后面的条件还会执行吗
       *  答案肯定是不会的,如果会的话咱这题就得返回前先减一了
       */
      const _searchStrIndexOf1 = (str, target) => {
        let count = 0,
          index = -1;
        while ((index = str.indexOf(target, index + 1)) != -1 && ++count);
        return count;
      };
      console.log(_searchStrIndexOf1("ssss", "sss")); //2
    </script>
  </body>
</html>

博客更新不是很及时,需要看后面内容的可以看看我的gitee仓库

牛客JS题Gitee仓库

相关推荐
重庆穿山甲3 小时前
身份证照片自动裁剪(OpenCV 四边形检测 + 透视矫正)
前端·后端
跟着珅聪学java3 小时前
Electron + Vue 现代化“新品展示“和“快捷下单“菜单
开发语言·前端·javascript
何贤3 小时前
用 Three.js 写了一个《我的世界》,结果老外差点给我众筹做游戏?
前端·开源·three.js
C_心欲无痕3 小时前
使用 XLSX.js 导出 Excel 文件
开发语言·javascript·excel
踩着两条虫3 小时前
AI 驱动的 Vue3 应用开发平台 深入探究(七):双向代码转换之 Vue源码到DSL解析
前端·vue.js·ai编程
专业流量卡3 小时前
用ai去看源码
前端·react.js
踩着两条虫3 小时前
AI 驱动的 Vue3 应用开发平台 深入探究(六):双向代码转换之DSL到Vue代码生成
前端·vue.js·ai编程
Wect3 小时前
React 中的双缓存 Fiber 树机制
前端·react.js·面试
天才熊猫君3 小时前
Vue 3 中 Watch 的陷阱:为什么异步操作后创建的监听会泄漏?
前端·javascript
梵得儿SHI3 小时前
Vue3 生态工具实战进阶:API 请求封装 + 样式解决方案全攻略(Axios/Sass/CSS Modules)
前端·css·vue3·sass·api请求·样式解决方案·组合式api管理