Mapper les caractères de chaîne en 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 la fonction mapString en JavaScript. Cette fonction nous permet de créer une nouvelle chaîne de caractères en appliquant une fonction fournie à chaque caractère d'une chaîne de caractères donnée. Nous allons apprendre à utiliser String.prototype.split(), Array.prototype.map() et Array.prototype.join() pour implémenter mapString et voir comment elle peut être utile dans diverses situations.


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) 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") javascript/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions") subgraph Lab Skills javascript/variables -.-> lab-28481{{"Mapper les caractères de chaîne en JavaScript"}} javascript/data_types -.-> lab-28481{{"Mapper les caractères de chaîne en JavaScript"}} javascript/arith_ops -.-> lab-28481{{"Mapper les caractères de chaîne en JavaScript"}} javascript/comp_ops -.-> lab-28481{{"Mapper les caractères de chaîne en JavaScript"}} javascript/higher_funcs -.-> lab-28481{{"Mapper les caractères de chaîne en JavaScript"}} end

Fonction pour mapper les caractères dans une chaîne de caractères

Pour utiliser cette fonction pour mapper les caractères dans une chaîne de caractères, suivez ces étapes :

  • Ouvrez le Terminal/SSH et tapez node pour commencer à pratiquer la programmation.
  • Utilisez String.prototype.split() et Array.prototype.map() pour appeler la fonction fournie, fn, pour chaque caractère dans la chaîne de caractères donnée.
  • Utilisez Array.prototype.join() pour recombiner le tableau de caractères en une nouvelle chaîne de caractères.
  • La fonction de rappel, fn, prend trois arguments : le caractère actuel, l'index du caractère actuel et la chaîne mapString sur laquelle la fonction a été appelée.

Voici le code de la fonction :

const mapString = (str, fn) =>
  str
    .split("")
    .map((c, i) => fn(c, i, str))
    .join("");

Exemple d'utilisation :

mapString("lorem ipsum", (c) => c.toUpperCase()); // 'LOREM IPSUM'

Sommaire

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