javascript - 如何修复从 json 文件导入时 undefined object 数组的变量？

Question

我正在创建一个网站来练习编码，但在这样做时遇到了问题。我正在尝试使用 forloop 从 json 文件导入数据，但变量返回为未定义。我认为这与 foreach 中的 i 变量有关，但我可能是错的。任何帮助深表感谢。谢谢!

<script>
    $.getJSON('package.json', function(data){
        for(var i in data)
        {
            var username = i.username;
            var value = i.value;
            var tokens= i.tokens;
            $(".list-group").append('<li>' + username + ' has deposited $' + value + ' in ' + tokens + ' tokens</li>');
        }
    });
</script>

这是 json 文件的副本

{
  "u1":
  {
    "username": "Username1",
    "tokens": 2,
    "value": 26
  },
  "u2":
  {
    "username": "Username2",
    "tokens": 4,
    "value": 292
  },
  "u3":
  {
    "username": "Username3",
    "tokens": 10,
    "value": 127
  },
  "u4":
  {
    "username": "Username4",
    "tokens": 3,
    "value": 12
  }
}

Answer 1

如果data是一个数组，i将是索引的整数值字符串。

您需要使用data[i].username、data[i].value、data[i].tokens

<小时/>

如果data是一个对象，则不需要迭代它

您需要使用data.username、data.value、data.tokens