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

Question

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

这是我创建JSON数组的方式：

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

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

我怎样才能重写这一点，以便每次刷新页面时都不会重置本地存储中的内容？

解决方案：测试以检查在初始化变量之前密钥是否存在。

Answer 1

检查是否先设置了值，如果为空，则可以设置。如果它不是null，那么你之前已经设置过了。

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

Answer 2

首先尝试从localStorage读取值。只有在没有值时才覆盖它。