So verbinden Sie zwei arrays in JSON-Objekte - entfernen von Duplikaten und der Erhaltung der Reihenfolge, in Javascript/jQuery?

jsfiddle link: http://jsfiddle.net/vN6fn/1/

Nehme an, ich habe diese 2 Objekte:

var obj1 = { data: [ 
                      {id:1, comment:"comment1"},
                      {id:2, comment:"comment2"},
                      {id:3, comment:"comment3"}
                   ] }

var obj2 = { data: [ 
                      {id:2, comment:"comment2"},
                      {id:3, comment:"comment3"},
                      {id:4, comment:"comment4"}
                   ] }

Und Letzte Objekt sollte wie folgt Aussehen:

var final = { data: [ 
                      {id:1, comment:"comment1"},
                      {id:2, comment:"comment2"},
                      {id:3, comment:"comment3"},
                      {id:4, comment:"comment4"}
                   ] }

Hier sind einige Dinge zu beachten:

  • obj1 und obj2 können oder können keine Duplikate

$.extend() ersetzt Objekte, $.merge() nicht Duplikate entfernen (ich weiß, ich kann tun, for-Schleife, aber ich bin auf der Suche nach einem besseren Weg, dies zu tun).

  • Wäre nicht die Erhaltung der Ordnung bedeuten ( 3, 4, 5, 1, 2 ), da Objekt 1 ist der erste?
  • sorry, Sie zu verwirren, ändern kann ich die Nummerierung der Objekte.
  • Hm, das hat nicht klar meine Verwirrung. Was meinst du damit?
  • Es gibt keine Möglichkeit, dies zu tun, ohne irgendeine Art von Schleife. Diese Frage kann auch ein Duplikat von stackoverflow.com/questions/3629817/...
  • Ich aktualisiert die Frage. Lassen Sie mich wissen, wenn es immer noch nicht sinnvoll.
  • Es gibt keinen Weg, dies zu tun, ohne Ihre eigene Schleife, da {} !== {}.
  • Union des arrays und der union der Objekte ist nicht das gleiche. Der Frage Titel ist vielleicht besser angegeben als "Zusammenführen zweier JSON-Objekte - entfernen von Duplikaten und der Erhaltung der Reihenfolge, in Javascript/jQuery?"
  • Die Frage ist aber, in der Tat, "Zusammenführen zweier arrays," ergo, kann ein Duplikat des oben genannten Frage. Vielleicht die OP ist nicht ganz sicher, wie dieses problem anzugehen. Ich habe gerade eine Suche und eine Frage mit einer fast gleichwertigen Titel kam. Nehmen Sie es für was es Wert ist.
  • bearbeitet den Titel. Dank

InformationsquelleAutor Sherzod | 2012-02-03
  1. 14

    Können Sie $.merge und dann Durchlaufen und Duplikate entfernen und dann Sortieren.

    $.merge(obj1.data, obj2.data);

var existingIDs = [];
obj1.data = $.grep(obj1.data, function(v) {
    if ($.inArray(v.id, existingIDs) !== -1) {
        return false;
    }
    else {
        existingIDs.push(v.id);
        return true;
    }
});

obj1.data.sort(function(a, b) {
    var akey = a.id, bkey = b.id;
    if(akey > bkey) return 1;
    if(akey < bkey) return -1;
    return 0;
});
    InformationsquelleAutor Rocket Hazmat
  2. 3

    Hier ist die gerade, die jQuery-Lösung:

    function mergeDeep(o1, o2) {
    var tempNewObj = o1;

    //if o1 is an object - {}
    if (o1.length === undefined && typeof o1 !== "number") {
        $.each(o2, function(key, value) {
            if (o1[key] === undefined) {
                tempNewObj[key] = value;
            } else {
                tempNewObj[key] = mergeDeep(o1[key], o2[key]);
            }
        });
    }

    //else if o1 is an array - []
    else if (o1.length > 0 && typeof o1 !== "string") {
        $.each(o2, function(index) {
            if (JSON.stringify(o1).indexOf(JSON.stringify(o2[index])) === -1) {
                tempNewObj.push(o2[index]);
            }
        });
    }

    //handling other types like string or number
    else {
        //taking value from the second object o2
        //could be modified to keep o1 value with tempNewObj = o1;
        tempNewObj = o2;
    }
    return tempNewObj;
};

    Demo mit komplexen Objekten. Ich habe daraus einen blog-Beitrag zeigen der Unterschied zwischen jQuery .verlängern() und mein Skript hier.

    InformationsquelleAutor sinemetu1
  3. 1

    http://jsfiddle.net/J9EpT/

    function merge(one, two){
  if (!one.data) return {data:two.data};
  if (!two.data) return {data:one.data};
  var final = {data:one.data};
  //merge
  for(var i = 0 ; i < two.data.length;i++){
      var item = two.data[i];
      insert(item, final);
  }
  return final;
}


function insert(item, obj){
    var data = obj.data;
    var insertIndex = data.length;
    for(var i = 0; i < data.length; i++){
        if(item.id == data[i].id){
           //ignore duplicates
           insertIndex = -1;
           break;
        } else if(item.id < data[i].id){
           insertIndex = i;
           break;
        }
    }
    if(insertIndex == data.length){
        data.push(item);
    } else if(insertIndex != -1) {
        data.splice(insertIndex,0,item);
    }
}

var final = merge(obj1, obj2);
    InformationsquelleAutor ggreiner
Schreibe einen Kommentar