本地存储只存储一个值/键。我如何存储大量？答案

【问题标题】：Local Storage only stores one value/key. How can I store numerous?本地存储只存储一个值/键。我如何存储大量？
【发布时间】：2021-03-09 10:52:55
【问题描述】：

这是我所有的 HTML 代码，包括我的本地存储。我尝试将我的 javascipt 放入外部 JS 文件，并在我的 HTML 中引用它，但它根本没有帮助。所以我认为错误在于书面代码而不是放置？提前感谢您的帮助！

    <body>
    <h1>Sign Up</h1>
    <p>Please fill out this form</p>
    <div class="element">
        <form class="item" action="indsæt reference">
            <label for="fname">First name:</label><br>
            <input type="text" id="fname" name="fname" value="Name"><br>
            <label for="lname">Last name:</label><br>
            <input type="text" id="lname" name="lname" value="Last Name"><br>
            <label for="mail">E-mail:</label><br>
            <input type="text" id="mail" name="mail" value="mail"><br>
            <form action="/action_page.php">
                <label for="bdaymonth">Birthday:</label>
                <input type="month" id="bdaymonth" name="bdaymonth">
            </form>
            <label for="gender">Gender</label><br>
            <input type="text" id="gender" name="gender" value="gender"><br>
            <button onClick="storeData()" type="button" value="Send Data">Submit</button>
        </form>
    </div>
    <script>
        function storeData() {
            let fname = document.getElementById("fname").value;
            let lname = document.getElementById("lname").value;
            let mail = document.getElementById("mail").value;
            let bdaymonth = document.getElementById("bdaymonth").value;
            let gender = document.getElementById("gender").value;

            //så jeg kan oprette min key, med efterfølgende value af array
            let user = {
                name: fname,
                lastName: lname,
                Birthday: bdaymonth,
                Gender: gender,
                Mail: mail
            }
            //min localestorage
            localStorage.setItem("New User", [user.name, user.lastName, user.Birthday, user.Gender, user.Mail]);
        }
    </script>
</body>

【问题讨论】：

标签： javascript local-storage storage local

【解决方案1】：

localStorage.setItem("New User",JSON.stringify(user));

将数据作为对象读回： let user = JSON.parse(localStorage.getItem("New User"));

【讨论】：

【解决方案2】：

const value = JSON.stringify([user.name, user.lastName, user.Birthday, user.Gender, user.Mail]);
localStorage.setItem("New User",value);

或

const value = JSON.stringify({
   name:user.name,
   lastName:user.lastName,
   birthday:user.Birthday,
   gender:user.Gender,
   mail:user.Mail
})
localStorage.setItem("New User", value};

或

localStorage.setItem("userName", user.name);
localStorage.setItem("userLastName", user.lastNane);

顺便说一句，您应该将键称为 newUser 而不是 New User.... 就像变量名一样。

【讨论】：