RGB en tableau

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.

Skills Graph

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 :

1. Ouvrez le Terminal/SSH et tapez node pour commencer à pratiquer la programmation.
2. Utilisez String.prototype.match() pour obtenir un tableau de 3 chaînes avec les valeurs numériques.
3. Utilisez Array.prototype.map() en combinaison avec Number pour 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.