javascript - 从 localStorage 对数组运行 for 循环

Question

我正在 localStorage 中创建和存储一个数组，我想使用一个 for 循环将数组解析为单独的 div在一个容器内。到目前为止，这是我所拥有的:

var arr = ['item 1', 'item 2', 'item 3'];
window.localStorage.setItem('myArr', JSON.stringify(arr));

function populateContainer() {
  var newArr = window.localStorage.getItem('myArr');
  $('.container').html('');
  
  for (var i = 0, len = newArr.length; i < len; i++) {
    $('.container').append('<div>' + newArr[i] + '</div>');
  }
}
populateContainer();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container"></div>

不幸的是，这样做是为数组项的每个字符创建一个单独的 div，所以我最终得到 18 个 div，每个字符一个字符，而不是3 个包含 3 个数组项的 divs。抱歉，该代码段无法正常工作，显然 SO 不支持 localStorage？

Answer 1

您正确地将 JSON 存储在 localStorage 中，但是您还需要在检索它时将其parse() 返回:

var arr = JSON.parse(window.localStorage.getItem('myArr'));

Working example