javascript - 如何使用变量获取 localStorage 数组项的值？

Question

我有一些 localStorage 键，在开发工具 -> 存储中看起来像这样...

panel_1 {"name":"test_name", "item_1":"test_item", "link_1":"test_link"})

...我的每个面板都有多个项目和链接，其名称中的数字会增加。我正在尝试浏览每个面板，对于该面板，我想获取第一个项目和链接以显示在网页上，然后继续循环，直到没有更多项目或链接，然后再对下一个面板执行相同的操作。目前，当我尝试这样做时，它显示“未定义”。我怎样才能得到正确的值？现在我的代码看起来像这样......

var total_keys = localStorage.length;
var panels = [];
var key;
var location = $('#panels .wrapper article:first-child()');

for($i = 0; $i < total_keys; $i++) {
    key = localStorage.key($i);
    if(key.slice(0, 6) === 'panel_') {
        panels.push(key);
    };
};

var total_panels = panels.length;

for(var $i = 0; $i < total_panels; $i++) {
    var panel = JSON.parse(localStorage.getItem(panels[$i]));
    var items = function() {
        for(var $x = 1; $x <= 5; $x++) {
            var item = 'item_'+$x;
            alert(panel.item);
        };
    };

    location.after(items);
};

Answer 1

我认为你的意思是panel[item]而不是panel.item(这意味着panel["items"])。它可以解释“未定义”值。

最内层的循环应该是这样的

for(var $x = 1; $x <= 5; $x++) {
    var item = 'item_'+$x;
    alert(panel[item]);
};