本地存储中的 JavaScript 数组

Question

我有这段代码，它使用输入框将值添加到数组中。我想将该数组保存在 localStorage 中，并在另一个页面上显示该数组的内容。

<button type="button" id="submit">Submit</button>
<button type="button" id="display">Display</button>

window.onload = function() {
    var inputArray = [];
    var input = document.getElementById('inputbox');
    var screen = document.getElementById('screen');

    document.getElementById('submit').onclick = function () {
        inputArray.push(input.value);
        screen.innerHTML = input.value;
    };

    document.getElementById('display').onclick = function () {
        screen.innerHTML = inputArray
    };
} 

Answer 1

您没有将数据保存在 localStorage 中。由于 localStorage 仅保留字符串数据，您可以 stringify存储时和parse阅读时。

 window.onload = function() {
     var inputArray = [];

     //Check if data is persisted in localStorge then load in the array
     var str = localStorage.getItem('nyArray')
     if (str) {
         inputArray = JSON.parse(str);
     }

     var input = document.getElementById('inputbox');
     var screen = document.getElementById('screen');

     document.getElementById('submit').onclick = function() {
         inputArray.push(input.value);
         screen.innerHTML = input.value;

         //Store stringifyed string
         localStorage.setItem('nyArray', JSON.stringify(inputArray))
     };

     document.getElementById('display').onclick = function() {
         screen.innerHTML = inputArray
     };
 }