Introducción
En este laboratorio, exploraremos cómo convertir una cadena de color rgb() en una matriz de valores numéricos utilizando JavaScript. El laboratorio te guiará a través de los pasos necesarios para extraer los valores de color de la cadena y convertirlos en una matriz. Esta habilidad es útil para el desarrollo web, especialmente cuando se trabaja con gráficos y diseño.
Convertir una cadena RGB en una matriz
Para convertir una cadena de color rgb() en una matriz de valores, sigue estos pasos:
- Abre la Terminal/SSH y escribe
nodepara comenzar a practicar la codificación. - Utiliza
String.prototype.match()para obtener una matriz de 3 cadenas con los valores numéricos. - Utiliza
Array.prototype.map()en combinación conNumberpara convertirlos en una matriz de valores numéricos.
Aquí está el código que puedes utilizar:
const toRGBArray = (rgbStr) => rgbStr.match(/\d+/g).map(Number);
Para probar la función, llámala con una cadena de color rgb() como argumento, así:
toRGBArray("rgb(255, 12, 0)"); // [255, 12, 0]
Resumen
¡Felicidades! Has completado el laboratorio de RGB a matriz. Puedes practicar más laboratorios en LabEx para mejorar tus habilidades.