将 3 位数的颜色代码转换为 6 位数的表现形式 extendHex – JavaScript 实用代码片段

将 3 位数的颜色代码扩展为 6 位数的颜色代码。

使用 Array.map(), split()Array.join() 加入映射数组,将 3 位 RGB 十六进制颜色代码转换为 6 位数形式。 Array.slice() 用于从字符串开始删除#,因为输出中已经默认添加了。

const extendHex = shortHex =>
  '#' +
  shortHex
    .slice(shortHex.startsWith('#') ? 1 : 0)
    .split('')
    .map(x => x + x)
    .join('');
extendHex('#03f'); // '#0033ff'
extendHex('05a'); // '#0055aa'

更多代码 JavaScript 实用代码片段 请查看 https://www.html.cn/30-seconds-of-code/

赞(0) 打赏
未经允许不得转载:WEB前端开发 » 将 3 位数的颜色代码转换为 6 位数的表现形式 extendHex – JavaScript 实用代码片段

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏