Introdução
Neste laboratório, exploraremos como converter uma string de cor rgb() em um array de valores numéricos usando JavaScript. O laboratório irá guiá-lo através das etapas necessárias para extrair os valores de cor da string e convertê-los em um array. Essa habilidade é útil para desenvolvimento web, especialmente ao trabalhar com gráficos e design.
Convertendo String RGB para um Array
Para converter uma string de cor rgb() em um array de valores, siga estas etapas:
- Abra o Terminal/SSH e digite
nodepara começar a praticar a codificação. - Use
String.prototype.match()para obter um array de 3 strings com os valores numéricos. - Use
Array.prototype.map()em combinação comNumberpara convertê-los em um array de valores numéricos.
Aqui está o código que você pode usar:
const toRGBArray = (rgbStr) => rgbStr.match(/\d+/g).map(Number);
Para testar a função, chame-a com uma string de cor rgb() como argumento, assim:
toRGBArray("rgb(255, 12, 0)"); // [255, 12, 0]
Resumo
Parabéns! Você concluiu o laboratório de RGB para Array. Você pode praticar mais laboratórios no LabEx para aprimorar suas habilidades.