如何停止本地存储覆盖

Question

我不太了解本地存储，所以我希望我能正确解释这一点。在没有进入我的程序上下文的情况下，我基本上希望每次运行程序时都设置两个键值，“teamname”和“totalpoints”，但是每次运行程序时，这些值都会被覆盖到最近一次他们被设置了。我在某个地方看到我需要合并一个数组来解决这个问题，但是我真的不知道该怎么做。

function store()
{
localStorage.setItem("key value",[teamname, totalpoints]);
document.write(localStorage.getItem("key value"));
}

Answer 1

如果我理解您的问题，您只需要某种方式来检查用户的状态，如果他们已经访问过，请不要覆盖他们的团队名称或分数：

let teamname
let totalpoints

if(localStorage.getItem("visited") !== "true"){
   teamname = /* your code here */
   totalpoints = /* your code here */

   localStorage.setItem("teamname", teamname)
   localStorage.setItem("totalpoints", totalpoints)
   localStorage.setItem("visited", true)
}else{
   /* do something else */
}

Answer 2

当您第一次创建变量teamname 和totalpoints 时，然后从本地存储中拉取它们。

let [ teamname = 'defaultName', totalpoints = 0 ] = JSON.parse( localStorage.getItem('teamKey') || '[]');

那么当你存储值时：

function store()
{
   localStorage.setItem( "teamKey", JSON.stringify( [ teamname, totalpoints ] ));
  document.write(localStorage.getItem("key value"));
}

在输入和从 localStorage 获取值时，您需要进行字符串化/解析，因为它变成了字符串，这样您就可以取回您放置的对象。

编辑：我觉得我们都误解了你的要求：

为了在每次存储时附加到数组，您需要将排行榜作为对象数组，其中对象为 {teamName:string,totalPoints:number}。然后每次存储行时添加到数组中。您还可以检查是否要查看是否有团队已经在排行榜中，并根据您是否再次添加他们。

let leaderBoard = JSON.parse( localStorage.getItem('leaderBoard') || '[]');

那么当你存储值时：

function store(teamName,totalPoints)
{
   localStorage.setItem( "leaderBoard", JSON.stringify( [...leaderBoard,{teamName,totalPoints} ));
  // depending on what you want to afterwards, you probably need to update leaderBoard variable to the latest as well.
  leaderBoard = JSON.parse(localStorage.getItem("leaderBoard"));
  document.write(localStorage.getItem("leaderBoard"));
}

在输入和从 localStorage 获取值时，您需要进行字符串化/解析，因为它变成了字符串，这样您就可以取回您放置的对象。