RGB a matriz

JavaScriptJavaScriptBeginner
Practicar Ahora

This tutorial is from open-source community. Access the source code

💡 Este tutorial está traducido por IA desde la versión en inglés. Para ver la versión original, puedes hacer clic aquí

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.


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions") subgraph Lab Skills javascript/variables -.-> lab-28657{{"RGB a matriz"}} javascript/data_types -.-> lab-28657{{"RGB a matriz"}} javascript/arith_ops -.-> lab-28657{{"RGB a matriz"}} javascript/comp_ops -.-> lab-28657{{"RGB a matriz"}} javascript/higher_funcs -.-> lab-28657{{"RGB a matriz"}} end

Convertir una cadena RGB en una matriz

Para convertir una cadena de color rgb() en una matriz de valores, sigue estos pasos:

  1. Abre la Terminal/SSH y escribe node para comenzar a practicar la codificación.
  2. Utiliza String.prototype.match() para obtener una matriz de 3 cadenas con los valores numéricos.
  3. Utiliza Array.prototype.map() en combinación con Number para 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.