Maison >interface Web >js tutoriel >Comment puis-je étendre efficacement un tableau JavaScript sur place ?

Comment puis-je étendre efficacement un tableau JavaScript sur place ?

Susan Sarandon
Susan Sarandonoriginal
2024-11-21 04:05:19799parcourir

How Can I Efficiently Extend a JavaScript Array In-Place?

Extension de tableaux JavaScript : une solution sur place

Extension d'un tableau JavaScript existant avec un autre tableau sans en créer un nouveau n'est pas une tâche simple opération. Contrairement à la méthode extend de Python, JavaScript ne fournit pas de solution intégrée.

Heureusement, nous pouvons obtenir ce comportement efficacement en utilisant la méthode .push() en conjonction avec l'opérateur spread(...).

const a = [1, 2];
const b = [3, 4, 5];

a.push(...b);

L'opérateur spread développe les éléments de b en arguments individuels, en les transmettant à a.push(). Cela ajoute effectivement tout le contenu de b à a.

Alternativement, dans les navigateurs plus anciens qui ne prennent pas en charge ECMAScript 6, vous pouvez utiliser la méthode .apply() :

a.push.apply(a, b);

Cependant, cette approche peut échouer en raison d'erreurs de débordement de pile lorsque le nombre d'éléments dans b est excessif. Dans de tels cas, une technique traditionnelle basée sur une boucle est recommandée :

for (const element of b) {
  a.push(element);
}

Cela garantit que les éléments sont ajoutés un par un, évitant ainsi le problème de débordement de pile.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn