牛客JS题（四）分隔符

最新推荐文章于 2024-07-26 11:41:15 发布

代码对我眨眼睛

最新推荐文章于 2024-07-26 11:41:15 发布

阅读量834

点赞数 17

分类专栏： # JavaScript 文章标签： javascript 前端刷题 js进阶

本文链接：https://blog.csdn.net/m0_73756108/article/details/140709218

版权

JavaScript 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

注释很详细，直接上代码

涉及知识点：

正则表达式-捕获
正则表达式-转义
正则表达式- 匹配非
可选链操作符

题干：

在这里插入图片描述

我的答案

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
  </head>
  <body>
    <script>
        /**
         * 可能会有小友觉得这题很简单，别急，是很简单但可以优化，
         * 我们的目的是用更少的代码写更清晰且健壮的程序
         * 首先先分析一下这个题，我们需要取到最后一个.及后面的字符串,
         * 想想我们需要处理的极端情况：
         * 1. 输入为空字符串 -需返回空字符串
         * 2. 输入为. -需返回空字符串
         * 3. 输入为.txt -需返回.txt
         * 4. 输入为index.kk.js -需返回.js
         * 
         * 条件这么多自然是正则匹配最方便了，下面我们来解析一下这个正则表达式
         * ()捕获，捕获内容的下标是从1开始，这里其实也可以不需要捕获，就当温习知识点了
         * \.表示匹配.，.是特殊字符，需要转义
         * [^.]表示匹配除了.之外的字符，+表示匹配一次或多次，为什么需用+,这是为了满足第二种情况，.后面肯定需要接内容的
         * $表示匹配字符串的结尾，这里可以解决第四种情况，我们需要的末尾符合条件的内容
         * 
         * 万一啥也没匹配到，[1]必定报错的,难不成我们要将filename.match(regex)拿出来单独判断一下吗？
         * 这里我们可以使用?.（可选链操作符）来判断，当filename.match(regex)为undefined时，filename.match(regex)?.[1]是undefined而不是报错，
         * 当然这里提醒一下，牛客的判题环境不支持可选链操作符，别问问就是wa过了，但它的测例也就一个罢了，去掉.?随便过
         * 最后我们再加上个||不就完美解决了匹配不到的情况嘛，完美，撒花~
         */
      const _getExFilename = (filename) => {
          // 补全代码
          const regex = /(\.[^.]+)$/;
          return filename.match(regex)?.[1]||'';
      }

      console.log(_getExFilename("index.html"));
      console.log(_getExFilename(".txt"));
      console.log(_getExFilename("index.kk.js"));

      //下面两个因为返回的是空字符串，所以加了个图标作为提示
      console.log("🫧"+_getExFilename("."));
      console.log("🎈"+_getExFilename(""));
    </script>
  </body>
</html>