题解 | #颜色字符串转换#

颜色字符串转换

https://www.nowcoder.com/practice/80b08802a833419f9c4ccc6e042c1cca

思路:正则表达式。首先使用正则表达式匹配rgb(a,b,c)这种形式,然后使用match方法获取匹配内容,接着使用toString(16)方法将表示r、g、b的整数各自转换为两位的16进制字符串形式,最后使用toLowerCase方法将其全部转换为小写形式。

function rgb2hex(sRGB) 
{
	  // 其中\(表示匹配左括号  \s*表示匹配空白字符任意次
      const match = sRGB.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
      if (match) 
      {
        const [, r, g, b] = match; // 解构匹配结果
        const hexColor = `#${twodigit(r)}${twodigit(g)}${twodigit(b)}`;
        return hexColor.toLowerCase();
      } else 
      {
        return sRGB;
      }
    function twodigit(n)
    {
        //rgb(0,0,0)
        let s=Number(n).toString(16)
        return s.length==2?s:'0'+s
    }
}

总结:string.match(regexp)方法用于在字符串中匹配与指定正则表达式相匹配的内容并返回一个数组,数组的第一项是完整的匹配内容,后面几项是捕获组的匹配内容,捕获组即以括号括起来的部分, ["rgb(255, 255, 255)", "255", "255", "255"]即为上述结果,如果未找到匹配项,则返回null。str.toLowerCase()方法将字符串str全部转换为小写形式。

#颜色字符串转换#
前端js面试 文章被收录于专栏

前端js面试,帮助你更好的理解js。

全部评论

相关推荐

小厂面经,也是我的处女面(30min)1.自我介绍2.spring boot的自动装配原理(好多类和接口的单词都忘了全称是啥了,就说了记得的单词,流程应该说对了吧)3.有用过redis吗?主要是用在实现什么功能(说了技术派用redis的zset来实现排行榜)5.有了解过Redisson吗?讲一下对于分布式锁的了解以及在什么场景下应用(说了秒杀场景)6.对mysql有了解吗?包括它的索引优化和创建(把想起来的全说了)7.了解设计模式吗?比如单例模式,为什么要使用单例模式,它的优点是什么(昨天刚看的设计模式)8.工厂模式有了解吗?主要的使用场景是?(也是昨天刚看的)9.场景题:有7个服务器,需要在早上十点定时的向数据库中的用户表中的用户发短信,如果做到发送的消息不重复,且如果发送失败了需要知道是到哪个用户失败了,这样下次就直接从这个用户开始(我答了用spring task来实现定时,用分布式锁来保证只有一份服务器可以发送消息,用消息队列来存储消息,然后用消息确认机制来保证错误信息的记录,以及在数据库或者业务层面完成消息消费的幂等性)10.场景题:如果在系统启动的时间就将数据库的所有用户相关的信息都读到一个hashmap中(这个没啥思路,没答好)27届的投了一个星期终于有一个面试了,大部分公司都只招26的
inari233:已oc,拒了
查看9道真题和解析
点赞 评论 收藏
分享
评论
1
收藏
分享

创作者周榜

更多
牛客网
牛客企业服务