Manipulation de chaînes de caractères 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 le concept de manipulation de chaînes de caractères en JavaScript. Plus précisément, nous allons nous concentrer sur la suppression des espaces blancs dans les chaînes de caractères à l'aide d'expressions régulières. Grâce à une série d'exercices et d'exemples, nous acquerrons une compréhension plus approfondie de la manière d'utiliser la méthode String.prototype.replace() pour supprimer les caractères d'espace blanc et créer des chaînes de caractères plus propres et plus faciles à gérer.


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic 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") subgraph Lab Skills javascript/variables -.-> lab-28590{{"Manipulation de chaînes de caractères avec JavaScript"}} javascript/data_types -.-> lab-28590{{"Manipulation de chaînes de caractères avec JavaScript"}} javascript/arith_ops -.-> lab-28590{{"Manipulation de chaînes de caractères avec JavaScript"}} javascript/comp_ops -.-> lab-28590{{"Manipulation de chaînes de caractères avec JavaScript"}} end

Fonction pour supprimer les espaces blancs

Pour supprimer les espaces blancs d'une chaîne de caractères, utilisez la fonction suivante.

  • Utilisez String.prototype.replace() avec une expression régulière pour remplacer toutes les occurrences de caractères d'espace blanc par une chaîne de caractères vide.
const removeWhitespace = (str) => str.replace(/\s+/g, "");

Explication de l'expression régulière

  • /\s+/g se décompose comme suit :
    • \s : Correspond à tout caractère d'espace blanc (espaces, tabulations, retours à la ligne)
    • + : Correspond à une ou plusieurs occurrences du caractère précédent
    • /g : Drapeau global - correspond à toutes les occurrences dans la chaîne, pas seulement à la première

Référence rapide d'expressions régulières

Les motifs d'espace blanc communs :

  • \s - correspond à tout espace blanc (espace, tabulation, nouvelle ligne)
  • \t - correspond aux caractères de tabulation
  • \n - correspond aux caractères de nouvelle ligne
  • \r - correspond aux retours chariots
  • (espace) - ne correspond qu'aux caractères d'espace

Par exemple,

removeWhitespace("Lorem ipsum.\n Dolor sit amet. ");
// 'Loremipsum.Dolorsitamet.'

// Plus d'exemples :
removeWhitespace("Hello    World"); // "HelloWorld"
removeWhitespace("Tab\there\nNew line"); // "TabhereNewline"

Pour commencer à pratiquer la programmation, ouvrez le Terminal/SSH et tapez node.

Sommaire

Félicitations ! Vous avez terminé le laboratoire Suppression des espaces blancs. Vous pouvez pratiquer d'autres laboratoires sur LabEx pour améliorer vos compétences.