Wie kann verhindert werden, dass JSON-Objekte im lokalen Speicher bei der Aktualisierung zurückgesetzt werden?

Question

Neu in JavaScript. Ich erstelle eine Tabelle mit Punkten und speichere sie im JSON-Format im lokalen Speicher. Ich bleibe dran, um sicherzustellen, dass das, was ich im lokalen Speicher gespeichert habe, dort bleibt, nachdem ich die Seite aktualisiert habe. Diese

ist, wie ich den JSON-Array zu erstellen:

var top10Scorers = { 
    "top10Scorers": [ 
     {"position": '1', "username": 'blank', 
      "pointscore": '0', "date": 'blank' 
     } 
    ] 
}; 

localStorage.setItem("top10Scorers", JSON.stringify(top10Scorers)); 

Wie kann ich das so umschreiben, dass es nicht das, was im lokalen Speicher nicht zurückgesetzt jedes Mal ist die Seite aktualisiert wird?

LÖSUNG: getestet, um zu prüfen, ob der Schlüssel vor der Initialisierung der Variablen nicht vorhanden war.

Answer 1

Versuchen Sie zuerst, den Wert von localStorage zu lesen. Nur überschreiben, wenn Sie keinen Wert haben.

Answer 2

Überprüfen Sie, ob der Wert zuerst festgelegt wurde, wenn er null ist, können Sie ihn festlegen. Wenn es nicht null ist, haben Sie es vorher festgelegt.

if(localStorage.getItem("top10Scorers") === null){ 
    // its not set, set it 
}