Joindre un tableau en une chaîne 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 d'ajout d'éléments d'un tableau en une seule chaîne de caractères à l'aide de JavaScript. Nous utiliserons la méthode Array.prototype.reduce() pour combiner les éléments du tableau et un séparateur pour spécifier comment les éléments doivent être joints. À la fin de ce laboratoire, vous aurez une meilleure compréhension de la manière de manipuler les tableaux en JavaScript et de créer un code plus efficace.


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-28455{{"Joindre un tableau en une chaîne de caractères"}} javascript/data_types -.-> lab-28455{{"Joindre un tableau en une chaîne de caractères"}} javascript/arith_ops -.-> lab-28455{{"Joindre un tableau en une chaîne de caractères"}} javascript/comp_ops -.-> lab-28455{{"Joindre un tableau en une chaîne de caractères"}} javascript/higher_funcs -.-> lab-28455{{"Joindre un tableau en une chaîne de caractères"}} end

Comment joindre un tableau en une chaîne de caractères

Pour joindre tous les éléments d'un tableau en une chaîne de caractères, suivez ces étapes :

  1. Ouvrez le Terminal/SSH et tapez node pour commencer à pratiquer la programmation.
  2. Utilisez la fonction join() avec les paramètres suivants :
    • arr : le tableau à joindre.
    • separator (optionnel) : le séparateur à utiliser entre les éléments du tableau. Si non spécifié, le séparateur par défaut , sera utilisé.
    • end (optionnel) : le séparateur à utiliser entre les deux derniers éléments du tableau. Si non spécifié, la même valeur que separator sera utilisée par défaut.
  3. La fonction join() utilise Array.prototype.reduce() pour combiner les éléments du tableau en une chaîne de caractères.
  4. La chaîne de caractères finale est renvoyée.

Voici le code de la fonction join() :

const join = (arr, separator = ",", end = separator) =>
  arr.reduce(
    (acc, val, i) =>
      i === arr.length - 2
        ? acc + val + end
        : i === arr.length - 1
          ? acc + val
          : acc + val + separator,
    ""
  );

Voici quelques exemples d'utilisation de la fonction join() :

join(["pen", "pineapple", "apple", "pen"], ",", "&"); // 'pen,pineapple,apple&pen'
join(["pen", "pineapple", "apple", "pen"], ","); // 'pen,pineapple,apple,pen'
join(["pen", "pineapple", "apple", "pen"]); // 'pen,pineapple,apple,pen'

Sommaire

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