如何使用本地存储为单个键创建多个值

How to create a multiple values for a single key using local storage

本文关键字：创建 单个键 何使用 存储      更新时间：2023-09-26

我们都知道本地存储是一个键值对。试图为单个键创建多个值。但是不知道如何为一个键传递多个值。

这里是简单的创建。

var value = "aa"
localStorage.setItem("testKey", value);
var test = localStorage.getItem("testKey");
alert(test);

现在我们要实现的是testKey应该有aa, bb and cc的值

如果可能的话，谁能帮我一个样品。

注意:

localStorage值是否适用于本地应用程序?

这在本地存储中是不可能的。但是，您可以存储一个JSON字符串作为键的值，并且通过一些后处理，您可以提取三个变量:

var value = ["aa","bb","cc"]
localStorage.setItem("testKey", JSON.stringify(value));
var test = JSON.parse(localStorage.getItem("testKey"));
alert(test);

一个键在localStorage中只能有一个字符串值。您可以有多个具有不同名称的键，或者您可以对值进行一些编码。例如，您可以将所有值放在一个Array中，然后使用JSON.stringify()对其进行编码，并将结果存储在localStorage中。当读取回数据时，可以使用JSON.parse()将其转换回Array。

可以这样做，比如使用json数组你想用两项来存储这个数组

      var items =    {
            "1": {
            "id": 7606606,
            "item_id": "2",
            "row": {
                    "id": "2",
                    "amount": 0,
                    "plan": 1
                    }
                  },
             "2": {
            "id": 7606623,
            "item_id": "3",
            "row": {
                    "id": "3",
                    "amount": 0,
                    "plan": 1
                    }
                  }
           }

将其转换为json，然后像这样存储在本地

             localStorage.setItem('myItems', JSON.stringify(items));

那么你用同样的方式检索

             var items = JSON.parse(localStorage.getItem('myItems'));

则可以使用foreach来检索

        <form>
    <label>Mortgage Amount</label>
    <input type="text" id="amount">
    <label>Interest Rate % </label>
    <input type="text" id="interest">
    <label>Mortgage Period (Years)</label>
    <input type="text" id="period">
    <input type="button" value="Submit" id="btn">
    <input type="button" value="GetLocalStorage" id="localbtn">
</form>
           <script>
$(document).ready(function () {
    $("#btn").click(function () {
        var principal = $("#amount").val();
        var interest = $("#interest").val();
        var years = $("#period").val();
        var item = [];
       item.push(principal,interest,years);
       localStorage.item += JSON.stringify({ "principalAmount": principal, "interestAmount": interest, "Period": years });

    });
相关文章：