HSL para Array

Introdução

Neste laboratório, exploraremos como converter uma string de cor hsl() em um array de valores usando JavaScript. Usaremos uma combinação de expressões regulares e métodos de array para extrair os valores numéricos da string e convertê-los em um array de valores numéricos. Este laboratório ajudará você a entender como trabalhar com valores de cor em JavaScript e aprimorar suas habilidades com expressões regulares e manipulação de arrays.

Converter HSL para Array

Para converter uma string de cor hsl() em um array de valores, siga estes passos:

1. Abra o Terminal/SSH e digite node para começar a praticar a codificação.
2. Use String.prototype.match() para obter um array de 3 strings com os valores numéricos.
3. Use Array.prototype.map() em combinação com Number para convertê-los em um array de valores numéricos.

Aqui está o código para converter uma string de cor hsl() em um array de valores numéricos:

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

Exemplo de uso:

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

Resumo

Parabéns! Você concluiu o laboratório de HSL para Array. Você pode praticar mais laboratórios no LabEx para aprimorar suas habilidades.