javascript - 如何避免在刷新时重置本地存储中的 JSON 对象？

Question

JavaScript 新手。我正在创建一个分数表，并将它们以 JSON 格式存储在本地存储中。我坚持确保刷新页面后保存在本地存储中的内容仍保留在那里。

这就是我创建 JSON 数组的方法:

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

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

我如何重写它，以便它不会在每次刷新页面时重置本地存储中的内容？

解决方案:在初始化变量之前进行测试以检查该键是否不存在。

Answer 1

先检查该值是否已设置，如果为空，则可以设置。如果它不为空，则您之前已设置过它。

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