如何使用JavaScript将3位数字颜色代码转换为6位数字颜色代码

在本文中，我们使用JavaScript将三位数字颜色十六进制代码转换为六位数字颜色十六进制代码。要解决这个问题，首先我们将单个数字复制并粘贴在连续的位置上。例如 – #34E 将被转换为 #3344EE 和 #E90 将被转换为 #EE9900。

将3位数字颜色代码转换为6位数字颜色代码的步骤：

步骤1： 颜色代码是字符串格式。因此，在字符串上应用split方法。应用split方法后，我们得到一个元素数组。

<script>
    var digit = "#39E"
      
    digit = digit.split("")
      
    console.log(digit)
</script>

输出：

["#","3", "9", "E"]

步骤2： 现在应用map方法并遍历数组，将每个项返回并连接到自身，并检查项目是否为“#”，如果是，则不返回连接结果，只返回项。

<script>
    var digit = "#39E";
      
    digit = digit.split("").map((item)=>{
        if(item == "#"){return item}
            return item + item;
    })
      
    console.log(digit)
</script>

输出：

["#", "33", "99", "EE"]

步骤3： 现在使用join方法将所有数组项转换为单个字符串。

<script>
    var digit = "#39E"
      
    digit = digit.split("").map((item)=>{
        if(item == "#"){return item}
            return item + item;
    }).join("")
      
    console.log(digit)
</script>

输出：

"#3399EE"

步骤4： 在上一步中，我们将 “#39E” 转换为六位数字颜色代码。但我们可以看到这个代码的第一个元素是 “#”， 但如果用户没有提供 “#” 则必须检查第一个元素是否为“#”，然后将其与结果代码连接起来。这是我们的完整代码。

<script>
    var digit = "#39E"
      
    digit = digit.split("").map((item)=>{
        if(item == "#"){return item}
            return item + item;
    }).join("")
      
    if(digit[0] != "#"){
        digit = "#" + digit;
    }
      
    console.log(digit)
</script>

输出：