Fusionner deux objets json avec jquery

J'ai deux objets json:

http://example.com/search.json?section=saloon

et

http://example.com/search.json?section=coupe

J'ai été à la recherche d'un moyen de combiner ces deux objets en un seul objet.

Merci d'avance.

InformationsquelleAutor echez | 2011-12-12
  1. 52

    utilisation étendre

    var object = $.extend({}, object1, object2);

    par le passage d'un objet vide que la cible(premier argument) vous pouvez conserver à la fois les objets si toutefois vous souhaitez fusionner le deuxième objet, vous pouvez le faire comme 

    $.extend(object1, object2);

    DÉMO

    • Oh, ne pense pas que. +1
    • Merci pour la réponse rapide les gars, j'ai une page blanche... je travaille encore sur elle... je suis à l'aide de jquery
    • Voici mon code: var saloon = "example.com/search.json?section=saloon"; var coupé = "example.com/search.json?section=coupe"; var obj1 = JSON.parse(berline); var obj2 = JSON.parse(coupé); var allResults = $.extend({}, obj1, obj2)
    • ce n'est pas json
    • jetez un oeil ici, vous pouvez modifier quelque chose comme ça, mais honnêtement, je ne pouvais pas comprendre ce que vous essayez de faire de jsfiddle.net/juBAc/3
    • désolé de vous m'a jeté 3nigma. Les deux liens de retour des données à partir d'une api json
    • +1 pour la démo 🙂

    InformationsquelleAutor Rafay
  2. 5

    Bien, une fois que votre JSON est récupérée et analysée, vous pouvez parcourir les propriétés et les ajouter à un nouvel objet. Attention cependant, si il ya des propriétés avec le même nom, ils seront écrasés.

    var data1 = '{"foo": 123, "test":"foo"}';
var data2 = '{"bar": 456, "test":"bar"}';

var json1 = JSON.parse(data1);
var json2 = JSON.parse(data2);

var merged = {};
for(var i in json1) {
    if (json1.hasOwnProperty(i))
        merged[i] = json1[i];
}
for(var i in json2) {
    if (json2.hasOwnProperty(i))
        merged[i] = json2[i];
}

console.log(merged);

    Résultant de la fusion d'objet JSON sera :

    {foo: 123, test: "bar", bar: 456}

    DÉMO

    Edit: Comme mentionné 3nigma, si vous utilisez jQuery, vous êtes mieux d'utiliser $.étendre. N'oubliez pas de d'abord passer un objet vide si vous ne souhaitez pas modifier vos objets existants.

    InformationsquelleAutor Alex Turpin
  3. 2

    Tous ces écraser ensemble de l'objet même si l'un des biens est différent, si vous voulez ajouter des objets avec de nouvelles propriétés et de remplacer seulement les feuilles au format JSON puis de les utiliser.

    DÉMO

    //smart not to delete entire object if a property is different, (unlike  $.extend or _.extend)
//{"a":{"b":"c", "e":"f"}},{"a":{"b":"x"}} -> {"a":{"b":"x", "e":"f"}} not {"a":{"b":"x"}}
//obj1 is not effected,
//obj1 values are overwriten at leaves of obj2
// smartJSONextend({"a":{"b":"c"}},{"a":"d"}) - {"b":"c"} will be "d"

function smartJSONextend(obj1, obj2) {
    //clone
    var mergedObj = JSON.parse(JSON.stringify(obj1));

    (function recurse(currMergedObj, currObj2){
        var key;

        for (key in currObj2) {
            if (currObj2.hasOwnProperty( key )){

                //keep path alive in mergedObj
                if (!currMergedObj[key]){
                    currMergedObj[key] = undefined;
                }

                if ( typeof currObj2[key] === "string" || typeof currObj2[key] === "number" || typeof currObj2[key] === "boolean" ){
                //overwrite if obj2 is leaf and not nested
                    currMergedObj[key] = currObj2[key];
                } else if (typeof currObj2[key] === "object"){
                //obj2 is nested

                    //and currMergedObj[key] is undefined, sync types
                    if (!currMergedObj[key]) {
                        //obj2[key] ifArray
                        if(currObj2[key].length !== undefined){
                            currMergedObj[key] = [];
                        } else {
                            currMergedObj[key] = {};
                        }
                    }
                    recurse(currMergedObj[key], currObj2[key]);
                }
            }
        }
    }(mergedObj, obj2));

    return mergedObj;
}
    InformationsquelleAutor googamanga
  4. 1

    Vous pouvez utiliser de fusion

    var mergedObj = $.merge(jsonObj1, jsonObj2);
    • Ce n'est que bien fonctionner avec des tableaux - et, en outre, il modifie le premier jsonOb1. Pour la fusion des objets $.extend devrait être utilisé à la place.
    • Fonctionne uniquement sur les Tableaux. api.jquery.com/jquery.merge
    InformationsquelleAutor Chtiwi Malek