将 RGB 转换为对象

简介

在本实验中，我们将探究一个 JavaScript 函数，该函数可将 rgb() 颜色字符串转换为一个包含每种颜色值的对象。此函数结合了字符串操作和数组解构，以便从输入字符串中解析出数值并将其存储在一个新对象中。本实验将帮助你理解如何在 JavaScript 中处理字符串、数组和对象。

将 RGB 转换为对象

要将 rgb() 颜色字符串转换为一个包含每种颜色值的对象，请按以下步骤操作：

1. 打开终端/SSH 并输入 node 以开始练习编码。
2. 使用 String.prototype.match() 获取一个包含三个数值字符串的数组。
3. 结合使用 Array.prototype.map() 和 Number 将它们转换为一个数值数组。
4. 使用数组解构将这些值存储到命名变量中，并从中创建一个合适的对象。

以下是你可以使用的代码：

const toRGBObject = (rgbStr) => {
  const [red, green, blue] = rgbStr.match(/\d+/g).map(Number);
  return { red, green, blue };
};

toRGBObject("rgb(255, 12, 0)"); // {red: 255, green: 12, blue: 0}

总结

恭喜你！你已经完成了将 RGB 转换为对象的实验。你可以在 LabEx 中练习更多实验来提升你的技能。