当我尝试使用本地存储存储数组时，它没有给我想要的结果，为什么？.. 这是我写的代码
<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/