Преобразование HSL в массив

Введение

В этом практическом занятии мы изучим, как преобразовать строку цвета hsl() в массив значений с использованием JavaScript. Мы будем использовать комбинацию регулярных выражений и методов массивов для извлечения числовых значений из строки и преобразования их в массив числовых значений. Это практическое занятие поможет вам понять, как работать с цветами в JavaScript, и улучшить навыки работы с регулярными выражениями и манипуляцией массивами.

Преобразование HSL в массив

Для преобразования строки цвета hsl() в массив значений следуйте шагам:

1. Откройте Терминал/SSH и введите node, чтобы начать практиковаться в написании кода.
2. Используйте String.prototype.match(), чтобы получить массив из 3 строк с числовыми значениями.
3. Используйте Array.prototype.map() в сочетании с Number, чтобы преобразовать их в массив числовых значений.

Вот код для преобразования строки цвета hsl() в массив числовых значений:

const toHSLArray = (hslStr) => hslStr.match(/\d+/g).map(Number);

Пример использования:

toHSLArray("hsl(50, 10%, 10%)"); // [50, 10, 10]

Резюме

Поздравляем! Вы завершили практическое занятие по преобразованию HSL в массив. Вы можете выполнить больше практических заданий в LabEx, чтобы улучшить свои навыки.