Enveloppement de chaînes de caractères

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 fonction wordWrap qui nous permet d'envelopper une chaîne de caractères à un nombre donné de caractères en utilisant un caractère de rupture de chaîne. À la fin de ce laboratoire, vous aurez une meilleure compréhension de la manière de manipuler les chaînes de caractères en JavaScript pour répondre à des exigences de formatage spécifiques.


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/template_lit("Template Literals") subgraph Lab Skills javascript/variables -.-> lab-28697{{"Enveloppement de chaînes de caractères"}} javascript/data_types -.-> lab-28697{{"Enveloppement de chaînes de caractères"}} javascript/arith_ops -.-> lab-28697{{"Enveloppement de chaînes de caractères"}} javascript/comp_ops -.-> lab-28697{{"Enveloppement de chaînes de caractères"}} javascript/template_lit -.-> lab-28697{{"Enveloppement de chaînes de caractères"}} end

Instructions pour envelopper une chaîne de caractères

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

Ce code enveloppe une chaîne de caractères à un nombre donné de caractères en utilisant un caractère de rupture de chaîne. Pour l'utiliser, suivez ces étapes :

  1. Utilisez String.prototype.replace() et une expression régulière pour insérer un caractère de rupture donné au plus proche espace blanc de max caractères.
  2. Si vous ne voulez pas utiliser la valeur par défaut de '\n' pour le troisième argument, br, vous pouvez l'omettre et fournir votre propre caractère.

Voici le code :

const wordWrap = (str, max, br = "\n") =>
  str.replace(
    new RegExp(`(?![^\\n]{1,${max}}$)([^\\n]{1,${max}})\\s`, "g"),
    "$1" + br
  );

Et voici quelques exemples d'utilisation :

wordWrap(
  "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus.",
  32
);
// 'Lorem ipsum dolor sit amet,\nconsectetur adipiscing elit.\nFusce tempus.'

wordWrap(
  "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus.",
  32,
  "\r\n"
);
// 'Lorem ipsum dolor sit amet,\r\nconsectetur adipiscing elit.\r\nFusce tempus.'

Résumé

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