Les méthodes Join & Split
Fait partie de la section Logique & Flux du Journey JavaScript de Coddy — leçon 51 sur 65.
La méthode join() crée et retourne une nouvelle chaîne de caractères en concaténant tous les éléments d'un tableau, séparés par un séparateur spécifié.
La méthode split() divise une chaîne de caractères en une liste ordonnée de sous-chaînes et les renvoie dans un tableau.
Syntaxe de base :
array.join([separator])
string.split([separator])Par exemple :
<strong>Join()</strong> :
const fruits = ['apple', 'banana', 'orange'];
const str = fruits.join(', ');
console.log(str); // "apple, banana, orange"<strong>Split()</strong> :
const sentence = "Hello World";
const words = sentence.split(' ');
console.log(words); // ['Hello', 'World']Vous pouvez utiliser différents séparateurs :
const fruits = ['apple', 'banana', 'orange'];
console.log(fruits.join('')); // “applebananaorange”
console.log(fruits.join('-')); // "apple-banana-orange"
const date = "2023-05-15";
console.log(date.split('-')); // ['2023', '05', '15']Cette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.
Cette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.
Cette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.
Aide-mémoire
La méthode join() crée une chaîne de caractères en concaténant les éléments d'un tableau avec un séparateur :
array.join([separator])La méthode split() divise une chaîne de caractères en un tableau de sous-chaînes :
string.split([separator])Exemples :
const fruits = ['apple', 'banana', 'orange'];
const str = fruits.join(', '); // "apple, banana, orange"
const sentence = "Hello World";
const words = sentence.split(' '); // ['Hello', 'World']
// Différents séparateurs
fruits.join(''); // "applebananaorange"
fruits.join('-'); // "apple-banana-orange"
"2023-05-15".split('-'); // ['2023', '05', '15']Essayez vous-même
Cette leçon ne comprend pas de défi de code.
Cette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.
Toutes les leçons de Logique & Flux
1Les chaînes de caractères en profondeur
Fondamentaux des chaînesParcourir les chaînesTemplate LiteralsMéthodes des chaînesRécapitulatif - String Weaver4JSON Partie 2
Itérer sur du JSONJSON imbriquéChaînage optionnel JSONCopie superficielle et profondeRécapitulatif - Magasin de vélosRécapitulatif - Système solaire7Système de gestion de bibliothèque
Présentation du projetAjouter des livres2Tableaux multidimensionnels
Bases des tableaux 2DAccès aux éléments d'un tableau 2DBoucles imbriquées et tableaux 2DRécapitulatif - Tableaux 2DAddition et soustraction de matricesTableaux irréguliers (Jagged Arrays)Tableaux 3D et au-delàModèles courants de tableaux 2DRécapitulatif - Tout sur les tableaux3JSON Partie 1
Qu'est-ce qu'un JSON ?Vérifier si une clé existeMéthodes d'objetL'opérateur Spread Partie 1L'opérateur Spread Partie 2Supprimer des clésRécapitulatif - Manipuler les clés JSON6Ensembles - Partie 2
Math - Union d'ensemblesMath - Intersection d'ensemblesMath - Différence d'ensemblesMath - Différence symétriqueSous-ensembles et sur-ensemblesRécapitulatif - Grouper des amis9Méthodes avancées des tableaux
Les méthodes Join & SplitLa méthode MapLa méthode FilterLa méthode ReduceChaînage des méthodes de tableauxForEach et Map sont-elles identiques ?La méthode SortLes méthodes Find & FindIndexRécapitulatif - Le maître du chaînage