extendHex - 将 3 位数的颜色代码转换为 6 位数的表现形式

优质
小牛编辑
127浏览
2023-12-01

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

使用 Array.map(), String.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'