Fusionner deux tableaux json/javascript en un seul tableau

Question

J'ai deux tableaux json comme

var json1 = [{id:1, name: 'xxx' ...}]
var json2 = [{id:2, name: 'xyz' ...}]

Je veux les fusionner en un seul tableau

var finalObj = [{id:1, name: 'xxx' ...},{id:2, name: 'xyz' ...}]

Answer 1

Vous voulez la méthode concat.

var finalObj = json1.concat(json2);

Answer 2

Lorsqu'on voit le mot "merg" pour la première fois, on pense qu'il faut utiliser .extend, qui est la méthode jQuery appropriée pour "fusionner" les objets JSON. Cependant, $.extend(true, {}, json1, json2); provoquera le remplacement de toutes les valeurs partageant le même nom de clé par la dernière fournie dans les paramètres. Comme le montre votre question, ceci n'est pas souhaité.

Vous recherchez en réalité une simple fonction javascript appelée .concat. Ce qui fonctionnerait de la manière suivante :

var finalObj = json1.concat(json2);

Alors que ce n'est pas une fonction native de jQuery, vous pouvez facilement l'ajouter à la bibliothèque jQuery pour une utilisation future simple comme suit :

;(function($) {
    if (!$.concat) {
        $.extend({
            concat: function() {
                return Array.prototype.concat.apply([], arguments);
            }
        });
    }
})(jQuery);

Et ensuite l'appeler comme vous le souhaitez :

var finalObj = $.concat(json1, json2);

Vous pouvez également l'utiliser pour plusieurs objets de tableau de ce type avec une syntaxe comme :

var finalObj = $.concat(json1, json2, json3, json4, json5, ....);

Et si vous voulez vraiment un style jQuery très court et concis (c'est-à-dire minifié)

;(function(a){a.concat||a.extend({concat:function(){return Array.prototype.concat.apply([],arguments);}})})(jQuery);

;(function($){$.concat||$.extend({concat:function(){return Array.prototype.concat.apply([],arguments);}})})(jQuery);

$(function() {
    var json1 = [{id:1, name: 'xxx'}],
        json2 = [{id:2, name: 'xyz'}],
        json3 = [{id:3, name: 'xyy'}],
        json4 = [{id:4, name: 'xzy'}],
        json5 = [{id:5, name: 'zxy'};

    console.log(Array(10).join('-')+'(json1, json2, json3)'+Array(10).join('-'));
    console.log($.concat(json1, json2, json3));
    console.log(Array(10).join('-')+'(json1, json2, json3, json4, json5)'+Array(10).join('-'));
    console.log($.concat(json1, json2, json3, json4, json5));
    console.log(Array(10).join('-')+'(json4, json1, json2, json5)'+Array(10).join('-'));
    console.log($.concat(json4, json1, json2, json5));
});

center { padding: 3em; }

Voir Console Log

jsFiddle

Answer 3

Vous pourriez essayer de fusionner

var finalObj = $.fusionner(json1, json2);

Answer 4

Étant donné que vous utilisez jQuery. Que pensez-vous de la méthode jQuery.extend()?

http://api.jquery.com/jQuery.extend/

Description: Fusionnez le contenu de deux objets ou plus dans le premier objet.

Answer 5

Peut-être, vous pouvez utiliser la syntaxe des tableaux en javascript :

var finalObj =[json1 , json2]