6.10 Joindre un tableau

Une méthode très utile sur les tableaux est join. Elle assemble tous les éléments du tableau en une seule chaîne, en utilisant le séparateur que vous lui passez en argument. Le séparateur est optionnel : si vous l'omettez, la virgule est utilisée par défaut.

const numbers = [1, 2, 3, 4];
							const joined = numbers.join(',');
							console.log(joined); // '1,2,3,4'

Notez que join retourne une chaîne — elle ne modifie pas le tableau d'origine.

La méthode split sur les chaînes

Le pendant naturel de join est la méthode split, qui ne fait pas partie du prototype des tableaux mais des chaînes. split découpe une chaîne en tableau de sous-chaînes, en utilisant le séparateur fourni.

const message = 'Ceci est mon premier message';
							const parts = message.split(' ');
							console.log(parts); // ['Ceci', 'est', 'mon', 'premier', 'message']

Cas d'usage : générer un slug d'URL

La combinaison split + join est particulièrement utile pour transformer un titre humain en slug d'URL. Les URL n'acceptent pas les espaces : sur Stack Overflow par exemple, un titre comme « Right thing rise in JavaScript » devient quelque chose comme right-thing-rise-in-javascript dans l'URL.

const title = 'Right thing rise in JavaScript';
							const slug = title.toLowerCase().split(' ').join('-');
							console.log(slug); // 'right-thing-rise-in-javascript'

Dans une application réelle, vous compléteriez souvent ce pipeline avec d'autres étapes : retrait des caractères spéciaux, suppression des mots vides (« le », « la », « de »…), normalisation des accents. Mais le pattern de base reste celui-ci : split pour fragmenter, join pour réassembler avec un autre séparateur. C'est un outil que vous utiliserez très régulièrement.

En résumé

La méthode join() permet de convertir les éléments d'un tableau en une chaîne de caractères en utilisant un séparateur personnalisé. Son inverse, split(), divise une chaîne en tableau selon un délimiteur. Ces deux méthodes sont essentielles pour manipuler les données textuelles, notamment pour générer des slugs d'URL en remplaçant les espaces par des traits d'union.

Points clés

• join() convertit un tableau en chaîne avec un séparateur optionnel (par défaut une virgule)
• split() divise une chaîne en tableau selon un séparateur spécifié
• Cas d'usage pratique : génération de slugs d'URL en remplaçant les espaces par des traits d'union
• join() retourne une chaîne tandis que split() retourne un tableau
• Ces méthodes forment un couple complémentaire pour la manipulation de texte en JavaScript

Questions fréquentes

Quel est le séparateur par défaut de la méthode join() ?

Par défaut, join() utilise une virgule comme séparateur. Vous pouvez passer un autre séparateur en paramètre (chaîne facultative) pour personnaliser le résultat.

Quelle est la différence entre join() et split() ?

join() transforme un tableau en chaîne en joignant ses éléments avec un séparateur, tandis que split() fait l'inverse : elle divise une chaîne en tableau selon un délimiteur spécifié.

Comment créer un slug d'URL à partir d'un titre ?

Utilisez split() pour diviser le titre en mots selon les espaces, puis join() pour les recombiner en remplaçant les espaces par des traits d'union, comme dans l'exemple Stack Overflow où 'Right thing rises' devient 'right-thing-rises'.