Convertir HSL en tableau

Introduction

Dans ce laboratoire, nous allons explorer la manière de convertir une chaîne de caractères de couleur hsl() en un tableau de valeurs à l'aide de JavaScript. Nous utiliserons une combinaison d'expressions régulières et de méthodes de tableau pour extraire les valeurs numériques de la chaîne et les convertir en un tableau de valeurs numériques. Ce laboratoire vous aidera à comprendre comment travailler avec les valeurs de couleur en JavaScript et à améliorer vos compétences en expressions régulières et en manipulation de tableaux.

Convertir HSL en tableau

Pour convertir une chaîne de caractères de couleur hsl() 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 de caractères 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 pour convertir une chaîne de caractères de couleur hsl() en un tableau de valeurs numériques :

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

Utilisation exemple :

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

Résumé

Félicitations ! Vous avez terminé le laboratoire Convertir HSL en tableau. Vous pouvez pratiquer d'autres laboratoires sur LabEx pour améliorer vos compétences.