gpt4 book ai didi

javascript - 使用本地存储对数组中的数据进行字符串化

转载 作者:行者123 更新时间:2023-12-04 10:57:50 25 4
gpt4 key购买 nike

我已经尝试过几次让它起作用,我正在制作一个带有设置本地存储值的文本函数输入的排行榜。我无法让它使我的键成为数组,这样我就可以对同一个键有多个值。

var userName = document.getElementById('navn');
var userAvg = document.getElementById('avg');
var userAmount = document.getElementById('amount');


function addData() {
localStorage.setItem('userName', userName.value);
localStorage.setItem('userAvg', userAvg.value);
localStorage.setItem('userAmount', userAmount.value);
var table = document.getElementById("myTable");
var row = table.insertRow(4);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
var cell3 = row.insertCell(2);
cell1.innerHTML = navn.value;
cell2.innerHTML = avg.value;
cell3.innerHTML = amount.value;
}
<html>
<div id="board">
<ul id="list"></ul>
<br/> Navn
<input type="text" id="navn" />
<br/> Gennemsnitlig Promille
<input type="text" id="avg" />
<br/> Antal genstande i alt
<input type="text" id="amount" />
<br/>
<br/>
<button type="button" onclick="addData()">Tilføj Data </button>
<table id="myTable">
<tr>
<th onclick="sortTable(0)">Navn</th>
<th onclick="sortTable(1)">Gennemsnitlig Promille</th>
<th onclick="sortTable(2)">Antal Genstande i alt</th>
</tr>
</table>
</div>
</html>

最佳答案

当您将数组存储在本地存储中时,您需要对其进行字符串化,而从本地存储中获取时,您需要再次解析 JSON。

下面是一个例子:

//saving to local storage
localStorage.setItem("userName", JSON.stringify(userName.value));

//reading from local storage
var userName = JSON.parse(localStorage.getItem("userName"));

在您的情况下,您可以创建一个这样的对象:

let user = {
userName: "...",
userAvg: "...",
userAmount: "..."
}

localStorage.setItem("user", JSON.stringify(user)) 保存它.

使用 user = JSON.parse(localStorage.getItem("user")) 检索其内容.

关于javascript - 使用本地存储对数组中的数据进行字符串化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59069645/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com