Wie man ein JS-Objekt von Objekten?

Ich gebaut habe, ein Objekt in PHP, verwendet die Funktionen json_encode Funktion und senden Sie es als ein JSON-string auf meinem JS script über ajax. Dann habe ich konvertiert es zurück in ein Objekt. Das problem, das ich habe ist, dass ich wollte, dass das Objekt in der Reihenfolge, in der Sie ursprünglich erstellt wurde. Bitte sehen Sie sich dieses Bild von dem, was das Objekt aussieht, wenn ich ihn in JS:

Wie man ein JS-Objekt von Objekten?

Wenn ich das Objekt erstellt hat, es wurde sortiert nach dem Feld "Kunde" in alphabetischer Reihenfolge. Der name des Kunden, beginnend mit Einer kommen würde, den ersten, B den zweiten, etc. Wie Sie sehen können, jetzt ist das erste element des Objekts als Kunde beginnend mit S. Es sieht aus wie es lief irgendwie automatisch sortiert, indem der Schlüssel von der top-level-Objekt, das eine ganze Zahl, so verstehe ich, warum dies passiert ist.

So, ich möchte zu tun ist, neu zu Sortieren, die dieses Objekt so, dass alle sub-Objekte werden sortiert nach der customer Feld alphabetisch sortiert. Ist das möglich? Wenn ja, wie mache ich es?

Dank!

  • Haben Sie Durchlaufen das Objekt zu überprüfen? Chrome Dev-Tools zeigen nicht die Objekt-Eigenschaften, die in der aktuellen iteration um. Bitte beachten Sie, dass Objekte nicht über eine definierte standard-cross-browser-iteration um, aber diese in der Regel hinsichtlich der Reihenfolge, in der die Eigenschaften wurden Hinzugefügt.
  • Nein, es ist nicht möglich, die Art eines Objekts. Objekte werden immer ungeordneter.
  • ja, ich iteriert über Sie, das ist, wo ich zum ersten mal das problem. bei der Verwendung einer for-Schleife, die Objekte iterieren in der Reihenfolge erscheinen Sie im Bild.
  • Könnten Sie besser dran, wenn jeder Zeile ein object Eintrag in einer array; Sie könnte dann Sortieren Sie die array durch den Kunden-Namen. verlassen Sie sich nicht auf die iteration, um ein Objekt in JavaScript.
  • Ja, Ihre beste Wette ist, übersetzen Sie das Objekt zu einem array als @Mathletics vorgeschlagen.
  • Nur ergänzend @Mathletics Vorschlag. Nachdem Sie Ihre array (nennen wir es json_array) so Sortieren Sie es durch, dies zu tun: json_array.sort(function(a, b){return a.customer > b.customer? 1: -1;});
  • ja, dass ist es, dass die Werke, nach der Verwendung dieses zu konvertieren es in ein array: data = $.map(data, function(k, v) { return [k]; });
  • Wenn Sie haben die Kontrolle über das Objekt, ein array, die auf der server-Seite anstelle der Rückgabe ein Objekt, das Sie noch haben, Sie zu massieren.

InformationsquelleAutor jeffery_the_wind | 2013-01-11
  1. 2

    Es ist vermutlich der Unterschied zwischen einem JavaScript-Objekt und ein JavaScript-Array. Objekte sind mehr wie hash-Tabellen, wo die Schlüssel sind nicht sortiert in einer bestimmten Reihenfolge, in der Erwägung, dass Arrays sind linear Sammlungen von Werten.

    In Ihren back-end, stellen Sie sicher, dass die Kodierung ein array, sondern als ein Objekt. Überprüfen Sie die endgültige codierte JSON, und wenn Sie Ihre Sammlung von Objekten umgeben ist, die von {} statt [] es wird codiert, wie ein Objekt statt einem array.

    Können Sie laufen in ein problem, da es aussieht wie Sie versuchen, den Zugriff auf die Objekte über eine ID-Nummer, und das ist der index, den Sie möchten, dass diese Objekte zu besetzen, in der final-array, das zeigt ein weiteres problem, weil Sie wahrscheinlich nicht wollen, ein array mit 40,000 Einträgen, wenn Sie nur die Speicherung einer kleinen Menge von Werten.

    Wenn Sie wollen einfach nur zum Durchlaufen der Objekte, sollten Sie sicherstellen, dass Sie die Kodierung ein array statt eines Objekts. Wenn Sie möchten, um den Zugriff auf die Objekte von spezifischen ID, Sie werden wahrscheinlich haben, um die Sortierung der Objekte auf client-Seite (D. H. Sie haben das Objekt aus der JSON-Antwort, und dann erstellen Sie ein array Sortieren und die Objekte in es hinein, so können Sie die Objekte sortiert und noch in der Lage sein, um Ihnen den Zugang von id).

    Finden Sie effiziente algorithmen zur Sortierung (oder verwenden Sie das unten aus ELCas) leicht über Google.

    InformationsquelleAutor David Talley
  2. 10

    Habe ich geändert Fabricio Matée beantworten, um flexibler zu werden und die Rückgabe des sortierten Objekt.

    function alphabetical_sort_object_of_objects(data, attr) {
    var arr = [];
    for (var prop in data) {
        if (data.hasOwnProperty(prop)) {
            var obj = {};
            obj[prop] = data[prop];
            obj.tempSortName = data[prop][attr].toLowerCase();
            arr.push(obj);
        }
    }

    arr.sort(function(a, b) {
        var at = a.tempSortName,
            bt = b.tempSortName;
        return at > bt ? 1 : ( at < bt ? -1 : 0 );
    });

    var result = [];
    for (var i=0, l=arr.length; i<l; i++) {
        var obj = arr[i];
        delete obj.tempSortName;
        for (var prop in obj) {
            if (obj.hasOwnProperty(prop)) {
                var id = prop;
            }
        }
        var item = obj[id];
        result.push(item);
    }
    return result;
}

    Dann rufen Sie die Funktion wie folgt

    your_object = alphabetical_sort_object_of_objects(your_object, 'attribute_to_sort');
    • ein wenig enhacement: Überprüfen Sie den Typ von Daten, bevor der Anruf toLowerCase() nur in einem Fall ist es ein number. bei obj.tempSortName = data[prop][attr].toLowerCase();
    InformationsquelleAutor Francisco Costa
  3. 1

    Hier ist eine generische iteration Funktion schiebt alle Objekte in ein array und sortiert diese nach Ihrer customer Eigenschaft, die in einer Kleinschreibung, dann iteriert über die sortierten array:

    function iterate(data) {
  var arr = [];
  for (var prop in data) {
    if (data.hasOwnProperty(prop)) {
      var obj = {};
      obj[prop] = data[prop];
      obj.tempSortName = data[prop].customer.toLowerCase();
      arr.push(obj);
    }
  }
  arr.sort(function(a, b) {
    var at = a.tempSortName,
        bt = b.tempSortName;
    return at > bt ? 1 : ( at < bt ? -1 : 0 );
  });

  for (var i = 0, l = arr.length; i < l; i++) {
    var obj = arr[i];
    delete obj.tempSortName;
    console.log(obj);
    for (var prop in obj) {
      if (obj.hasOwnProperty(prop)) {
        var id = prop; //gets the obj "index" (id?)
      }
    }
    console.log(id);
    var item = obj[id];
    console.log(item.customer);
    //do stuff with item
  }
}

    Geige

    InformationsquelleAutor Fabrício Matté
  4. -2

    Nur Durchlaufen Ihre Daten und Sortieren. Ich bin nicht mit den effizientesten sorter aber die Ideen gibt es.

    var data = toArray(AJAX_Returned_JSON); //function to convert object to array
var sortedData = null;

for(var i=0; i<data.length - 1; i++){
  var temp = data[i];
  for(var j=i+1; j<data.length; j++){
    if(data[j].customer < temp.customer){
      temp = data[j];
    }
  }

  sortedData.push(temp);
}
    • Daten nicht in ein array.
    • Vergessen Sie die Zeile hinzufügen, wo die Daten wird konvertiert in ein Array.
    • Das ist nicht, wie man eine object in eine array.
    InformationsquelleAutor El Cas
Schreibe einen Kommentar