javascript array in localstorage

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

Answer 2

Использование глобальных переменных смотрите ниже

window.savedarray = inputArray

теперь вы можете получить доступ к savedarray на других страницах

Answer 3

Вы можете stringify ваш массив, а затем сохранить его в localStorage. При необходимости прочитайте и нажмите parse обратно в массив.

var originalArr = ["V", "A"]; 
var strArr = JSON.stringify(originalArr); 

// to save your array 
localStorage.setItem("YOUR_KEY",strArr); 

// to read from localstorage 
var yourOriginalArray = localStorage.getItem("YOUR_KEY");