空のlocalStorageオブジェクトを設定すると、「[object Object]」が返されます

Question

含まれるオブジェクト内のデータをlocalStorageに保存しようとしています。私はjavascriptの変数を使用していた場合、私はこれを行うだろう：

var obj = obj || {}; 
obj.fname = 'bob'; 
console.log(obj.fname) // => "bob" 

しかし localStorage

window.localStorage.obj = window.localStorage.obj || {} 
window.localStorage.obj.fname = 'bob'; 
console.log(window.localStorage.obj.fname) // => "[object Object]" 

でこれをやろうとしないのはなぜlocalStorageため、これと同じ手法で動作しますか？これを行う方法はありますか？あなたが読むため

その後

window.localStorage.obj = JSON.stringify({fname: 'bob});

に必要なので、

Answer 1

をそれを解析する必要がある唯一のプレーンな文字列を格納することができますそれはlocalstorageにあります。 それが必要なときはJSON文字列をJSON.parseする必要があります。

var obj = { 
    b : 2 
}; 
window.localStorage.obj = JSON.Stringify(obj); 
var returnObj = JSON.parse(window.localStorage.obj); 

Answer 2

のlocalStorageはあなたがオブジェクトとストアを文字列化する必要が戻ってそう

var obj = JSON.parse(window.localStorage.obj); console.log(obj.fname);

Answer 3

thisに記載されているように、すべてがローカルストレージに文字列形式で格納されています。したがって、あなたのケースではtoStringメソッドが設定される前にobjで呼び出されています。いくつかのキーの下でローカルストレージ内のオブジェクトを設定することは避けるべきです。 localstorage.setItem('fname', 'bob')を使用してのlocalStorageにキーfnameの下に値bobを設定してみてくださいかのlocalStorageにobjキーで