javascript - 使用 jquery $.each 迭代 localStorage 对象

Question

我已经非常接近让它发挥作用，但我找不到对我遇到的这个问题的答复。我正在迭代使用 $.each 方法从 localStorage 中提取的这个对象，但由于某种原因，我不断获得我有值(value)的所有 3 个位置的第一个值(图像值)。我也想获得标题和信息。任何帮助都会很棒。

$('#btn-profile-view').on('click', function(){
  if(localStorage.getItem('itemsArray')){
    var savedLocal = localStorage.getItem('itemsArray');
    console.log('here is savedLocal: ', savedLocal);
    savedLocal = JSON.parse(savedLocal);
    var savedLocalMap = savedLocal.map(function(obj){
      var favsResult = $('.favs-display-data');
      $.each(obj, function(index, key, value){
        console.log('hey im value 0:', value);
        favsOutput = `<div class="col-lg-3 game">
                  <div class="view view-first">
                    <img src="${value}"/>
                    <div class="mask">
                      <h2>${value}</h2> 
                      <p>${value}</p>
                      <a href="#" class="info">♥</a>
                    </div>
                  </div>
                </div>`
        favsResult.append(favsOutput);
      });
    });
  }
});

Answer 1

如果您知道这些键，则应该使用它们:

    favsOutput = `<div class="col-lg-3 game">
              <div class="view view-first">
                <img src="${obj['gameImg']}"/>
                <div class="mask">
                  <h2>${obj['gameTitle']}</h2> 
                  <p>${obj['gameInfo']}</p>
                  <a href="#" class="info">♥</a>
                </div>
              </div>
            </div>`

如果不这样做，则在迭代哈希时，顺序是随机。

此外，每个都采用两个参数，如另一个答案中所述。