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.