javascript - 遍历 json 对象数组

Question

我一直在尝试按照另一个 stackoverflow 问题的示例进行操作:

javascript or jquery: Looping a multidimensional object

我发布这个问题作为最后的手段，因为我已经研究这个问题好几个小时了!

我有一个返回 json 数组的 ajax 函数。

Ajax :

  $.ajax({ url: 'functions.php',
           data: {action: 'getNFCMapping', site: site_id},
           type: 'post',
           dataType: 'json',
           success: function(data) {
            //loop the json to get the
                for (var key in data) {
                      console.log(data[key].nfc_id);
                  }
            } //end success
  });//end ajax

json数组:

[{"24":{"nfc_id":"1","description":"sdfgdsg"}},{"25":{"nfc_id":"2","description":"dfgdfgdfg"}},{"26":{"nfc_id":"3","description":"fdgdffg"}},{"27":{"nfc_id":"4","description":"dfgdfgdfg"}}]

我最终要做的是在 DOM 中加载一个表单，其中输入字段(预填充)成对的 nfc_id 和描述，因此循环的每次迭代都应该输出这两个值。

目前的问题是我实际上无法访问每次迭代中的值，例如你可以看到我正在尝试记录每次迭代的 nfc_id，但它只是作为对象出现在控制台中。

在示例 ( javascript or jquery: Looping a multidimensional object) 中，我可以看到我的 json 格式的差异，因为我在数组的每次迭代中都有两个右括号，这就是问题所在吗？

请帮助这让我发疯..

Answer 1

你想要两个嵌套的 .each() loops :

$.each(data, function(key, value) {
    $.each(value, function(k, v) {
       console.log(v.nfc_id); 
    });
});

Fiddle