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

は今、あなたが他のページ

Answer 3

あなたはstringify、あなたのアレイとは、それを保存することができますでsavedarrayにアクセスすることができます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");