当我们在编写前端页面时，经常需要指定颜色。而有时候我们只知道颜色的名称，却不知道它对应的十六进制代码。因此，编写一个将颜色名转换为十六进制代码的JavaScript函数就显得尤为重要了。
实现思路
实现这个功能的基本思路是，定义一个颜色名称到十六进制代码的映射表，然后根据输入的颜色名称，查找映射表中对应的十六进制代码，并返回结果。
以下是一个简单的映射表示例：
| 颜色名称 | 十六进制代码 |
|---|---|
| black | #000000 |
| white | #FFFFFF |
| red | #FF0000 |
| green | #008000 |
| blue | #0000FF |
| yellow | #FFFF00 |
可以看到，每个颜色名称都对应着一个十六进制代码。接下来，我们只需要定义一个 JavaScript 函数，接收一个颜色名称作为参数，然后在映射表中查找对应的十六进制代码并返回即可。
实现代码
-------- --------------------- -
----- ------ - -
------ ----------
------ ----------
---- ----------
------ ----------
----- ----------
------- ---------
--
------ ------------- -- ---
-以上是一个简单的实现代码。我们定义了一个名为 colorNameToHex 的函数，它接收一个颜色名称作为参数，并返回该颜色对应的十六进制代码。
这个函数的实现非常简单，只需要在映射表中查找对应颜色名称的十六进制代码即可。如果在映射表中找不到对应的颜色，则返回空字符串。
使用示例
以下是一个使用示例：
----------------------------------- -- -- --------- -------------------------------------- -- -- --
可以看到，当输入一个存在于映射表中的颜色名称时，函数能够正确地输出对应的十六进制代码。当输入一个不存在于映射表中的颜色名称时，则输出空字符串。
总结
本文介绍了如何编写一个将颜色名转换为十六进制代码的JavaScript函数。通过实现一个简单的映射表以及查询机制，我们可以快速地将颜色名称转换为对应的十六进制代码。这个函数可以帮助前端开发者更方便地指定颜色，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/14550