De HSL a matriz

Introducción

En este laboratorio, exploraremos cómo convertir una cadena de color hsl() en una matriz de valores utilizando JavaScript. Utilizaremos una combinación de expresiones regulares y métodos de matriz para extraer los valores numéricos de la cadena y convertirlos en una matriz de valores numéricos. Este laboratorio te ayudará a entender cómo trabajar con valores de color en JavaScript y a mejorar tus habilidades con expresiones regulares y manipulación de matrices.

Convertir HSL a Matriz

Para convertir una cadena de color hsl() en una matriz de valores, siga estos pasos:

1. Abra la Terminal/SSH y escriba node para comenzar a practicar la codificación.
2. Utilice String.prototype.match() para obtener una matriz de 3 cadenas con los valores numéricos.
3. Utilice Array.prototype.map() en combinación con Number para convertirlos en una matriz de valores numéricos.

Aquí está el código para convertir una cadena de color hsl() en una matriz de valores numéricos:

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

Uso de ejemplo:

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

Resumen

¡Felicidades! Has completado el laboratorio de conversión de HSL a matriz. Puedes practicar más laboratorios en LabEx para mejorar tus habilidades.