localstorageのデータがnullで返ってくる件について

Question

localstorageを使ってlistで全表示をしています。
データは全てがnullで返ってくるわけではなく一部だけnullで返ってきます。

         for (i=0;i<localStorage.length;i++){
         var all     = localStorage.getItem(i);
         var text    = document.getElementById('text');
         var history = document.createTextNode(all);
         var newli   = document.createElement('li');
                      newli.appendChild(history);
                      text.appendChild(newli);
        }

        <ul id="text"></ul>

コードはこんな感じです。
なぜ一部だけnullで返ってくるのかお教え戴けませんか？

localstorageは最初っからnullが必ず保存されるのでしょうか？
また無理な場合、nullのデータだけ非表示にしたいのです。

お願いします。

Comments

[m.ts10806]

setItemしているところはどこでしょうか。

[m.ts10806]

それに「どういうデータが入っているか」提示されないと「一部」とか「全部」とか誰にも分かりません。
ローカルストレージに保存されているデータはブラウザ開発ツールから確認できます。
キャプチャでもテキストでも結構ですので確認して提示してください（それか、確認すれば原因が分かるかもしれません）

[kei344]

まだ質問が「受付中」になっていますが、「ベストアンサー」を選び「解決済」にされてはいかがでしょうか。

Answer 1

ブラウザコンソールで次のコードを入力すると、ざっとでます。

    for (i=0;i<localStorage.length;i++){
         var all     = localStorage.getItem(i);
         console.log(i, all)
    }

が、getItem(i)が、おかしいのではないでしょうか？

下記のようなことをしたいような気がします。

    for (i=0;i<localStorage.length;i++){
         var all     = localStorage.getItem(localStorage.key(i));
         console.log(i, localStorage.key(i), all)
    }

Comments

[syosinsyascript]

解決できました。言葉足らずで申し訳なかったです。ありがとうございました。