web-dev-qa-db-fra.com

Ajouter un tableau à un autre tableau en JavaScript

Cette question est une copie exacte de:
Comment ajouter un tableau à un tableau JavaScript existant?

Comment ajoutez-vous un tableau à un autre tableau en JavaScript?

Autres façons dont une personne pourrait formuler cette question:

  • Ajouter un tableau à un autre
  • Concat/Concaténer les tableaux
  • Étendre un tableau avec un autre tableau
  • Mettre le contenu d'un tableau dans un autre

J'ai passé un peu de temps à chercher la réponse à cette question. Parfois, les plus simples comme celles-ci sont les plus difficiles à trouver, alors j'ajoute la question ici, espérons-le, avec plein de mots et de phrases clés comme indiqué dans cet article article de blog . N'hésitez pas à répondre à cette question avec toute autre information utile ou à modifier les mots et expressions clés ci-dessous.

javascriptarraysconcatenation
94
Chris Dutrow

Si vous souhaitez modifier le tableau d'origine au lieu de renvoyer un nouveau tableau, utilisez .Push()...

array1.Push.apply(array1, array2);
array1.Push.apply(array1, array3);

J'ai utilisé .apply Pousser les membres individuels des tableaux 2 et 3 immediatement.

ou...

array1.Push.apply(array1, array2.concat(array3));

Pour traiter de grands tableaux, vous pouvez le faire par lots.

for (var n = 0, to_add = array2.concat(array3); n < to_add.length; n+=300) {
    array1.Push.apply(array1, to_add.slice(n, n+300));
}

Si vous le faites souvent, créez une méthode ou une fonction pour la gérer.

var Push_apply = Function.apply.bind([].Push);
var slice_call = Function.call.bind([].slice);

Object.defineProperty(Array.prototype, "pushArrayMembers", {
    value: function() {
        for (var i = 0; i < arguments.length; i++) {
            var to_add = arguments[i];
            for (var n = 0; n < to_add.length; n+=300) {
                Push_apply(this, slice_call(to_add, n, n+300));
            }
        }
    }
});

et l'utiliser comme ça:

array1.pushArrayMembers(array2, array3);

var Push_apply = Function.apply.bind([].Push);
var slice_call = Function.call.bind([].slice);

Object.defineProperty(Array.prototype, "pushArrayMembers", {
    value: function() {
        for (var i = 0; i < arguments.length; i++) {
            var to_add = arguments[i];
            for (var n = 0; n < to_add.length; n+=300) {
                Push_apply(this, slice_call(to_add, n, n+300));
            }
        }
    }
});

var array1 = ['a','b','c'];
var array2 = ['d','e','f'];
var array3 = ['g','h','i'];

array1.pushArrayMembers(array2, array3);

document.body.textContent = JSON.stringify(array1, null, 4);
129
user1106925