JavaScript ajouter un tableau à un autre

1. Ajouter un tableau à un autre à l’aide de la fonction push() en JavaScript
2. Ajouter un tableau à un autre à l’aide de la fonction concat() en JavaScript

Ce tutoriel expliquera comment ajouter un tableau avec un autre tableau en utilisant les fonctions push() et concat() en JavaScript.

Ajouter un tableau à un autre à l’aide de la fonction push() en JavaScript

Pour ajouter un tableau avec un autre, nous pouvons utiliser la fonction push() en JavaScript. La fonction push() ajoute un tableau d’éléments à un autre tableau. Par exemple, ajoutons tous ses éléments de tableau dans un autre tableau en utilisant la fonction push.apply(). Voir le code ci-dessous.

var myArray = ['a', 'b', 'c'];
var myArray2 = ['f', 'e']
myArray.push.apply(myArray, myArray2);
console.log(myArray)

Production:

["a", "b", "c", "d", "e"]

Comme vous pouvez le voir dans la sortie, les deux éléments présents dans le myArray2 ont été ajoutés au myArray.

Ajouter un tableau à un autre à l’aide de la fonction concat() en JavaScript

Vous pouvez également concaténer deux tableaux pour en faire un autre à l’aide de la fonction concat(). Par exemple, concaténons un tableau avec un autre tableau en utilisant la fonction concat(). Voir le code ci-dessous.

var myArray = ['a', 'b', 'c'];
var myArray2 = ['d', 'e'];
var myArray = myArray.concat(myArray2);;
console.log(myArray)

Production:

["a", "b", "c", "d", "e"]

Vous pouvez modifier l’ordre des éléments présents dans le myArray en modifiant l’ordre de concaténation. Notez que les deux fonctions ci-dessus échoueront si le tableau est trop long. Dans ce cas, vous pouvez créer votre propre fonction pour ajouter les deux tableaux. Par exemple, créons une fonction avec le nom AppendArray en utilisant une boucle for pour ajouter un tableau avec un autre tableau. Voir le code ci-dessous.

function AppendArray(arr1, arr2) {
  l1 = arr1.length;
  l2 = arr2.length;
  for (i = 0; i < l2; i++) {
    arr1[l1 + i] = arr2[i];
  }
  return arr1;
}
var myArray = ['a', 'b', 'c'];
var myArray2 = ['d', 'e'];
var myArray = AppendArray(myArray, myArray2);;
console.log(myArray)

Production:

["a", "b", "c", "d", "e"]

Dans le code ci-dessus, on obtient les éléments de arr2 en utilisant leur index et en les ajoutant dans arr2 à la fin. La boucle continuera jusqu’à ce que tous les éléments de arr2 aient été ajoutés à arr1. La fonction length permet d’obtenir la longueur d’un tableau.