HTML5のlocalStorageを

Question

私は現在、変数にフィールドの値を代入しています

：

localStorage.setItem('userName', JSON.stringify(userName)); 

をここでそのアイテムを取得：

userName = document.getElementById('userName').value; 

はその後のlocalStorageし、その変数を割り当てる

var retrievedUserName = localStorage.getItem('userName'); 

次に、HTML divに項目の内容を出力しようとしています：

document.getElementById("response-heading-name2").innerHTML = retrievedUserName; 

...しかし、私はHTMLをチェックするとき、それは周りに二重引用符で文字列を出力します：なぜこれが起こっている「私の名前は」

誰もが知っていて、どのように私は二重引用符を停止することができます出現から？

Answer 1

これはローカルストレージとは関係ありません。

JSON.stringifyを使用してデータ構造をJSONに変換すると、引用符が追加されます。

ローカルストレージから取得した後、JSONをJavaScriptデータ構造に変換してJSON.parseに戻す必要があります。

---

JSONを使用してのポイントは何を保存するローカルストレージのみストア文字列ことができるため、文字列であることを確認することです。

入力の値を取得しているので、それは文字列であることがわかります。だから、あなたはJSONを一切使わず、最初はJSON.stringifyではありません。

Answer 2

localstorageは、二重引用符を使用して取得する同じデータを取得するときに、常に二重引用符で文字列データを格納します。そのためにはJSON.parseを使用してください。

var retrievedUserName = JSON.parse(localStorage.getItem('userName'));