Convertir des chaînes de caractères en camelCase avec JavaScript

Introduction

Dans ce laboratoire, nous allons apprendre à convertir des chaînes de caractères en camelCase à l'aide de JavaScript. Le camelCase est une convention de nommage utilisée en programmation où les identifiants composés de plusieurs mots sont écrits de manière telle que chaque mot, sauf le premier, commence par une lettre majuscule sans aucun espace ou tiret de soulignement entre eux. La fonction toCamelCase() fournie dans ce laboratoire utilise des expressions régulières et des méthodes d'itération pour convertir des chaînes de caractères en camelCase.

Conversion de chaîne de caractères en camelCase

Pour convertir une chaîne de caractères en camelCase, suivez ces étapes :

1. Ouvrez le Terminal/SSH et tapez node pour commencer à pratiquer la programmation.
2. Utilisez String.prototype.match() avec une expression régulière appropriée pour diviser la chaîne en mots.
3. Utilisez Array.prototype.map(), Array.prototype.slice(), Array.prototype.join(), String.prototype.toLowerCase() et String.prototype.toUpperCase() pour combiner les mots et mettre en majuscule la première lettre de chacun d'entre eux.
4. Utilisez la fonction toCamelCase présentée ci-dessous pour effectuer la conversion :

const toCamelCase = (str) => {
  const words =
    str &&
    str.match(
      /[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g
    );
  const capitalizedWords =
    words &&
    words.map(
      (word) => word.slice(0, 1).toUpperCase() + word.slice(1).toLowerCase()
    );
  const camelCaseString = capitalizedWords && capitalizedWords.join("");
  return (
    camelCaseString &&
    camelCaseString.slice(0, 1).toLowerCase() + camelCaseString.slice(1)
  );
};

Voici quelques exemples d'utilisation de la fonction toCamelCase :

toCamelCase("some_database_field_name"); //'someDatabaseFieldName'
toCamelCase("Some label that needs to be camelized");
//'someLabelThatNeedsToBeCamelized'
toCamelCase("some-javascript-property"); //'someJavascriptProperty'
toCamelCase("some-mixed_string with spaces_underscores-and-hyphens");
//'someMixedStringWithSpacesUnderscoresAndHyphens'

Sommaire

Félicitations ! Vous avez terminé le laboratoire sur la conversion de chaîne de caractères en camelCase. Vous pouvez pratiquer d'autres laboratoires sur LabEx pour améliorer vos compétences.