Menu
Coddy logo textTech

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']
quiz iconTestez-vous

Cette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.

quiz iconTestez-vous

Cette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.

quiz iconTestez-vous

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.

quiz iconTestez-vous

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