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

📅  最后修改于: 2022-05-13 01:56:23.832000             🧑  作者: Mango

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

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

将 3 位颜色代码转换为 6 位颜色代码的步骤:

第 1 步:颜色代码为字符串格式。因此,对字符串应用 split 方法。应用 split 方法后,我们得到了一个元素数组。

Javascript


Javascript


Javascript


输出:

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

第 2 步:现在应用 map 方法并遍历数组并返回每个连接到自身的项目,并检查项目是否为“#”,然后不返回连接结果,只返回项目。

Javascript


输出:

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

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

Javascript


输出:

#3399EE