Comment étendre un tableau JavaScript existant avec un autre tableau, sans créer un nouveau tableau

La création d'un nouveau tableau nécessite d'alloquer une nouvelle mémoire, qui consomme un grand nombre de ressources et de temps. De plus, si le tableau est utilisé dans d'autres parties de l'application, la création d'un nouveau tableau nécessiterait une mise à jour de toutes les références au tableau d'origine. Plus précisément, l'extension du tableau sans en créer un nouveau permet au développeur d'ajouter de nouveaux éléments au tableau sans encourir ces coûts.

Cet article définira les méthodes pour prolonger le tableau existant avec un autre tableau sans créer / définir un nouveau tableau en JavaScript.

Comment étendre un tableau existant avec un autre tableau, sans créer / définir un nouveau tableau?

Pour étendre un tableau sans créer un nouveau tableau, utilisez les méthodes suivantes:

• • Méthode push () avec l'opérateur d'étalement
  • Méthode push () avec la méthode applique ()

Méthode 1: étendre un tableau existant avec un autre tableau, sans créer / définir un nouveau tableau à l'aide de la méthode «push ()» avec l'opérateur de diffusion

Utilisez le "pousser()«Méthode avec le«opérateur de propagation«Pour étendre le tableau sans créer un nouveau tableau. L'opérateur «Spread Operator» copie tous les éléments du tableau et pousse dans le tableau existant à l'aide de la méthode «push ()».

Syntaxe

Suivez la syntaxe divisée ci-dessous pour la méthode push () avec l'opérateur d'étalement pour étendre le tableau:

Array1.push (… array2)

Dans la syntaxe ci-dessus, l'opérateur de propagation (…) copie les éléments du «Array2"Et les pousse au"Array1".

Exemple

Créez un éventail de couleurs:

const array1 = [«rouge», «bleu»];

Créez un autre tableau appelé «Array2" de fleurs:

const array2 = ['rose', 'Violet'];

Maintenant, Push Array2 vers Array1 en utilisant la méthode push () avec l'opérateur de propagation:

Array1.push (… array2);

Imprimez le tableau étendu existant1 sur la console:

console.log (array1);

On peut voir que le Array1 a été étendu avec succès en ajoutant des éléments Array2:

Méthode 2: étendre un tableau JavaScript existant avec un autre tableau, sans créer un nouveau tableau à l'aide de la méthode «push ()» avec la méthode «Appliquer ()»

Vous pouvez également utiliser le «pousser()«Méthode avec le«appliquer()»Méthode pour étendre le tableau. La méthode applique () prend les deux tableaux comme argument et pousse leurs éléments dans le tableau existant.

Syntaxe

Utilisez la syntaxe suivante pour prolonger le tableau à l'aide de la méthode Appliquer () avec la méthode push ():

Array1.pousser.postuler (array1, array2)

Exemple

Appelez la méthode Appliquer () en passant les deux tableaux "Array1" et "Array2”Avec la méthode push () pour étendre le Array1 en ajoutant des éléments de Array2:

Array1.pousser.Appliquer (Array1, Array2);

Enfin, imprimez le tableau résultant sur la console:

console.log (array1);

Sortir

Il s'agit de l'extension d'un tableau sans créer un nouveau tableau en javascript.

Conclusion

Pour étendre un tableau sans créer un nouveau tableau, utilisez le «pousser() Méthode avec le opérateur de propagation" ou la "pousser() méthode avec appliquer() méthode". L'opérateur de propagation copie les éléments du deuxième tableau et les pousse dans le premier tableau existant. Dans cet article, nous avons défini les méthodes pour étendre le tableau avec un autre tableau sans créer / définir un nouveau tableau en JavaScript.