javascript - 如何使用 HTML 中的本地存储将数据存储在数组中?

标签 javascript arrays

    <!DOCTYPE html>
<html>
<body>
<input type="text" id="textstorage">
<button name="testbutton" onclick="myFunction()">send</button>
<div id="result"></div>

<script>
function myFunction(){
alert("dasd")
// Check browser support
var inp = document.getElementById("textstorage");
if (typeof(Storage) != "undefined") {
    // Store
    localStorage.setItem("result", inp.value);
    // Retrieve
    document.getElementById("result").innerHTML = localStorage.getItem("result");
} else {
    document.getElementById("result").innerHTML = "Sorry, your browser does not support Web Storage...";
}
}

document.getElementById("result").innerHTML = localStorage.getItem("result");



</script>

</body>
</html>

如何使用数组在网页中存储多个值。请帮助我。

注意:如果我输入一个值,它将替换前一个值。我需要像数组一样存储所有值。

最佳答案

LocalStorage 不支持数组,仅支持字符串值。它存储key:value对。使用 JSON.stringify()JSON.parse() 将数组间接存储在 LocalStorage 对象中。

例如:

var arr = new Array();
arr[0] = "One";
arr[1] = "Two";
arr[2] = "Three";

localStorage["arr"] = JSON.stringify(arr);
var arrStored = JSON.parse(localStorage["arr"]);

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

相关文章:

javascript - Highcharts => 点击折线图时获取点的id

javascript - 根据 React.Js 中第一个下拉列表中的选择填充第二个下拉列表

c++ - 无法弄清楚为什么我的程序在条件不为真时执行 if 语句(数组)

java - 使用索引点在多个点拆分数组

javascript - 在内部函数内将对象返回给父函数?

javascript - 尽管导入模块并包含 CUSTOM_ELEMENTS_SCHEMA 架构,但组件不是已知元素

javascript - 性能友好的闪烁效果

javascript - 在 webOS 应用程序中提交和存储数据?

java - 为什么我的对象没有添加到我的数组中?

javascript - 将EventListener 添加到元素数组和目标元素数组