Fonction fusionnant des tableaux en un seul en JavaScript

Implémentons maintenant une fonction merge prenant en paramètres un nombre arbitraire de tableaux et fusionnant leurs éléments en un seul tableau.

Voici un exemple du fonctionnement de notre fonction :

javascriptlet result = merge([1, 2, 3], [4, 5, 6], [7, 8, 9]);
console.log(result); // affichera [1, 2, 3, 4, 5, 6, 7, 8, 9]

Passons à l'implémentation. Commençons par obtenir les tableaux passés sous la forme d'un unique tableau bidimensionnel :

javascriptmerge([1, 2, 3], [4, 5, 6], [7, 8, 9]);

function merge(...arrs){
  console.log(arrs); // affichera [ [1, 2, 3,] [4, 5, 6], [7, 8, 9] ]
}

Fusionnons maintenant ce tableau bidimensionnel en un tableau unidimensionnel. Utilisons pour cela la méthode concat et l'opérateur spread :

javascriptlet arrs   = [ [1, 2, 3,], [4, 5, 6], [7, 8, 9] ];

let result = [].concat(...arrs);
console.log(result); // affichera [1, 2, 3, 4, 5, 6, 7, 8, 9]

Ajoutons ce code à notre fonction merge :

javascriptfunction merge(...arrs) {
  return [].concat(...arrs);
}

let result = merge([1, 2, 3], [4, 5, 6], [7, 8, 9]);
console.log(result); // affichera [1, 2, 3, 4, 5, 6, 7, 8, 9]

Comme vous pouvez le voir, cette fonction s'est également avérée très concise.