How to create a multiple values for a single key u

问题:

As we all know local storage is a key value pair. Trying to create a multiple values to a single key. But unable to get how to pass the multiple values for a single key.

Here it is simple what have created.

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

Now here what want to achieve is testKey should have aa, bb and cc values.

If it is possible can anyone please help me out with a sample.

Note:

Will localStorage values work for native app.

回答1:

This is not possible with localstorage. However, you can store a JSON string as the value for the key, and with a little post-processing, you can extract your three variables:

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

回答2:

A single key can only have a single string value in localStorage. You can have multiple keys with different names, or you can do some encoding of the values. For example, you could put all your values in an Array, then encode it using JSON.stringify() and store the result in localStorage. When you read the data back, you can use JSON.parse() to turn it back into an Array.

回答3:

        <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 });


    });