localStorageにある配列データを繰り返して表示する

前提

ローカルストレージにあるkeyの値を取得して表示したい。
配列の中身はオブジェクトごとで構成されている。

let parseData3 = JSON.parse(localStorage.getItem('array-data'));
console.log(paraseData3)
// 実行すると [Object, Object, Object, Object, Object]

for文で回す

[1,2,3]のような配列なら出来るが、配列の中身がkeyと値でセットなので上手く取得できない。

// ストレージにparseData3があったら実行
if (parseData3) {
  listarray = parseData3;
  length = listarray.length;
  for(let i =0; i < length; i++) {
    let liEl = document.createElement('li');
    // 配列の数だけ回すで〜〜〜〜
    liEl.textContent = listarray[i];
    listArea.appendChild(liEl);
  }
}

for Eachで回す

推奨されていないやり方みたいなので終了

  listarray.forEach((evt) => {
      let liEl = document.createElement('li');
      liEl.textContent = evt.text;
      listArea.appendChild(liEl);
  });

for inで回す

  for(let cnt in listarray) {
    let liEl = document.createElement('li');
    liEl.textContent = listarray[cnt].text;
    listArea.appendChild(liEl);
  }

まとめ

for in文を使いましょう。