HSL转对象
将hsl()
颜色字符串转换为包含每个颜色值的对象。
- 使用
String.prototype.match()
获取一个包含三个字符串的数组,这些字符串是数值。 - 使用
Array.prototype.map()
结合Number
将它们转换为数值数组。 - 使用数组解构将值存储到命名变量中,并从中创建一个适当的对象。
const toHSLObject = hslStr => {
const [hue, saturation, lightness] = hslStr.match(/\d+/g).map(Number);
return { hue, saturation, lightness };
};
toHSLObject('hsl(50, 10%, 10%)'); // { hue: 50, saturation: 10, lightness: 10 }