gpt4 book ai didi

javascript - 如何使用 javascript 在 HTML 中存储数组?

转载 作者:行者123 更新时间:2023-12-03 10:17:49 30 4
gpt4 key购买 nike

当我尝试使用本地存储存储数组时,它没有给我想要的结果,为什么?..这是我写的代码

   <html>
<head>
<script type="text/javascript">
var Array=[];
function addToList(){
var Name=document.getElementById('Name');
Array.push(Name.value);
if(window.localStorage){
localStorage.setItem("name",Name);
}

}

</script>
<title>Local Storage Demo</title>
</head>
<body>
<h1>Local Strorage</h1>
<div>
<input type="text" id="Name" name="Name"> </input>
<button onclick="addToList()">Add</button>

</div>
</body>
</html>

最佳答案

Stack Overflow 上已经有很多答案了。无论如何都要学会正确地搜索东西

您需要使用JSON.stringify。这会将对象转换为 JSON 文本并将该 JSON 文本存储在字符串中。

并且在检索值时,您需要使用 JSON.parse 来解析它,这会将 json 文本重新转换为对象。

这是一个可以帮助您的示例代码

<html>
<head>
<script type="text/javascript">
var carArray=[];
function addToListCarArray(){
var newCarName=document.getElementById('carName');
carArray.push(newCarName.value);
if(window.localStorage){
localStorage.setItem("carNameKey",JSON.stringify(carArray));
}
}

function readCarNames(){
if(window.localStorage){
var carNames=localStorage.getItem("carNameKey");
carNames = JSON.parse(carNames);
for (i=0;i<carNames.length;i++){
alert(carNames[i]);
}
}
}
</script>
<title>Local Storage Demo</title>
</head>
<body>
<h1>Demo of Local Strorage</h1>
<div>
<input type="text" id="carName" name="carName"> </input>
<button onclick="addToListCarArray()">Add Car</button>
<button onclick="readCarNames()">Display</button>
<p id="displayCarNames"></p>
</div>
</body>

关于javascript - 如何使用 javascript 在 HTML 中存储数组?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29781303/

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