Échanger la casse d'une chaîne avec JavaScript

JavaScriptJavaScriptBeginner
Pratiquer maintenant

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

💡 Ce tutoriel est traduit par l'IA à partir de la version anglaise. Pour voir la version originale, vous pouvez cliquer ici

Introduction

Dans ce laboratoire, nous allons explorer comment créer une fonction JavaScript qui inverse la casse d'une chaîne de caractères donnée. Ce laboratoire couvrira l'utilisation de l'opérateur de propagation, String.prototype.toLowerCase(), String.prototype.toUpperCase() et Array.prototype.map(). À la fin de ce laboratoire, vous aurez une compréhension plus approfondie de la manière de manipuler les chaînes de caractères en JavaScript.


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") javascript/AdvancedConceptsGroup -.-> javascript/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28638{{"Échanger la casse d'une chaîne avec JavaScript"}} javascript/data_types -.-> lab-28638{{"Échanger la casse d'une chaîne avec JavaScript"}} javascript/arith_ops -.-> lab-28638{{"Échanger la casse d'une chaîne avec JavaScript"}} javascript/comp_ops -.-> lab-28638{{"Échanger la casse d'une chaîne avec JavaScript"}} javascript/higher_funcs -.-> lab-28638{{"Échanger la casse d'une chaîne avec JavaScript"}} javascript/spread_rest -.-> lab-28638{{"Échanger la casse d'une chaîne avec JavaScript"}} end

Comment inverser la casse d'une chaîne de caractères en JavaScript

Pour inverser la casse d'une chaîne de caractères en JavaScript, suivez ces étapes :

  1. Ouvrez le Terminal/SSH et tapez node pour commencer à pratiquer la programmation.
  2. Utilisez l'opérateur de propagation (...) pour convertir la chaîne d'entrée str en un tableau de caractères.
  3. Utilisez String.prototype.toLowerCase() et String.prototype.toUpperCase() pour convertir les caractères en minuscules en majuscules et vice versa.
  4. Utilisez Array.prototype.map() pour appliquer la transformation à chaque caractère, et Array.prototype.join() pour recombiner les caractères en une chaîne de caractères.
  5. Notez que inverser la casse d'une chaîne de caractères deux fois ne résultera pas nécessairement dans la chaîne d'origine.

Voici un extrait de code d'exemple qui montre comment inverser la casse d'une chaîne de caractères en JavaScript :

const swapCase = (str) =>
  [...str]
    .map((c) => (c === c.toLowerCase() ? c.toUpperCase() : c.toLowerCase()))
    .join("");

swapCase("Hello world!"); // Sortie : 'hELLO WORLD!'

Sommaire

Félicitations ! Vous avez terminé le laboratoire sur l'inversion de la casse des chaînes de caractères. Vous pouvez pratiquer d'autres laboratoires sur LabEx pour améliorer vos compétences.