javascript - 使用 jQuery 迭代数组来创建链接

Question

我正在尝试循环一个非常简单的数组以创建一个菜单。我一直在寻找解决方案，但尚未确定下来。

这是我的脚本:

var json_data = [["Womens","/womens"],["Best Sellers","/best-sellers"]];
var json_length = json_data.length;
var inner_length = 0;

for (var i = 0; i<json_length; i++)
{
    inner_length = json_data[i].length;
    for( var j = 0; j<inner_length; j++ ){

        var innerData = json_data[i][j];

        var data = '<a href="' + json_data[j][1] + '">' + json_data[j][0] + '</a><br/>';

        //alert(data);

        $("#content").append(data);

    }
}

基本 HTML:

<div id="content">
</div>

当我将代码移动到第一个 for 循环(而不是第二个)中附加到我的 div 时，第二个对象的数据显示两次，而不是第一次然后第二次。当前代码显示了第一个和第二个对象的数据，但由于位于第二个 for 循环内而出现重复。我确信有一个简单的解决方案，但我失去了想法。

Answer 1

您可以使用 forEach() 更轻松地迭代数组:

json_data.forEach(function(item) {
  var data = '<a href="' + item[1] + '">' + item[0] + '</a><br/>';
  $("#content").append(data);
});

Fiddle