HTML5 local storage Sortieren

Ich bin im lokalen Speicher zum speichern der Benutzer-Einträge und bin die Anzeige der Einträge auf einer anderen Seite. Ich brauche einen Weg, um Sie zu Sortieren basierend auf dem aktuellen Datum und Zeit Bearbeiten. Gibt es eine Möglichkeit, dies zu tun mit HTML5. Wenn nicht, was ist der einfachste/effektivste Weg, dies zu tun?

Danke für die inputs.

  • Sind Sie auf der Speicherung von JSON-codierte Objekte? Können Sie nicht einfach Zeitstempel der Einträge, wie Sie Sie hinzufügen, um den lokalen Speicher?
  • Ich bin nicht die Speicherung eines JSON-Objekts.
  • Auch ich bin auf der Suche nach einem Weg, um Sie zu Sortieren, basierend auf einer Sortieranlage. Die einzige Möglichkeit die ich denken kann, tut es heute noch ist, um tatsächlich einen Zeitstempel enthalten, die in den lokalen Speicher Wert.
InformationsquelleAutor intl | 2010-10-18
  1. 5

    Wenn Sie Ihre Schlüssel/Werte haben eine inhärente um Ihnen (alphabetisch, numerisch, etc.), dann setzen Sie einen Zeitstempel in Ihnen sein kann, überflüssig. Obwohl das Storage-Objekt hat keine sort-Methode anlegen können Sie eine neue Array() und dann Sortieren.

    function SortLocalStorage(){
   if(localStorage.length > 0){
      var localStorageArray = new Array();
      for (i=0;i<localStorage.length;i++){
          localStorageArray[i] = localStorage.key(i)+localStorage.getItem(localStorage.key(i));
      }
   }
   var sortedArray = localStorageArray.sort();
   return sortedArray;
}

    Der Nachteil dieser ist, dass das array ist nicht assoziativ, aber das ist von der Natur der JavaScript-Array-Objekt. Die obige Funktion löst dieses Problem durch die Einbettung der name des Schlüssels in den Wert. Diese Art und Weise seine immer noch dort, und die Funktionen, die Sie verwenden würden, um die Anzeige des sortierten array machen kann die Beinarbeit in der Trennung der Schlüssel von den Werten.

    • Ich brauchte die gleiche Sache und deine Lösung funktionierte perfekt für mich. danke.
    InformationsquelleAutor Chad Hedgcock
  2. 2

    Du hast paar ist der timestamp mit dem gespeicherten Wert irgendwie, Sie können erstellen Sie ein wrapper-Objekt für jeden Wert und speichern Sie den Wert und den Zeitstempel in einem einzigen Objekt. Vorausgesetzt, Sie haben einen Wert myvalue Sie speichern möchten, mit Verweis myref:

    var d=new Date();
var storageObject = {};
storageObject.value = myvalue;
storageObject.timestamp = d.getTime();
localStorage.setItem(myref, JSON.stringify(storageObject));

    Auf der anderen Seite müssen Sie dann rehydrieren Sie Ihre Objekte in ein array und implementieren Sie Ihre compareFunction Funktion.

    Ihre andere option wäre, die Nutzung Web-SQL-Datenbank und Indizierte Datenbank-API können Sie selbstverständlich speichern und Abfragen dieser Art von vielfältigen Infos, aber Sie hätte wahrscheinlich zu erstellen Sie eine Art von abstrakter wrapper um Dinge zu machen, arbeiten Sie problemlos cross-browser -.

    InformationsquelleAutor robertc
Schreibe einen Kommentar