Introduction
Dans ce laboratoire, nous allons explorer la manière de convertir une chaîne de caractères de couleur rgb() en un tableau de valeurs numériques à l'aide de JavaScript. Le laboratoire vous guidera tout au long des étapes nécessaires pour extraire les valeurs de couleur de la chaîne et les convertir en un tableau. Cette compétence est utile pour le développement web, en particulier lorsqu'il s'agit de travailler avec des graphiques et des designs.
Conversion d'une chaîne RGB en un tableau
Pour convertir une chaîne de caractères de couleur rgb() en un tableau de valeurs, suivez ces étapes :
- Ouvrez le Terminal/SSH et tapez
nodepour commencer à pratiquer la programmation. - Utilisez
String.prototype.match()pour obtenir un tableau de 3 chaînes avec les valeurs numériques. - Utilisez
Array.prototype.map()en combinaison avecNumberpour les convertir en un tableau de valeurs numériques.
Voici le code que vous pouvez utiliser :
const toRGBArray = (rgbStr) => rgbStr.match(/\d+/g).map(Number);
Pour tester la fonction, appelez-la avec une chaîne de caractères de couleur rgb() en tant qu'argument, comme ceci :
toRGBArray("rgb(255, 12, 0)"); // [255, 12, 0]
Sommaire
Félicitations ! Vous avez terminé le laboratoire RGB en tableau. Vous pouvez pratiquer d'autres laboratoires sur LabEx pour améliorer vos compétences.