如何使用JavaScript将三位数的颜色代码转换为六位数的颜色代码

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

将三位数的颜色代码转换为六位数的步骤：

步骤 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>

输出：

#3399EE