从json文件导入时，如何修复未定义对象数组的变量？

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将是index的Integer值字符串。

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

---

如果data是对象，则无需遍历数据

您将需要data.username ， data.value ， data.tokens代替

Answer 2

如果json中的数据是对象数组，请使用它；

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

否则用它

 <script>
            $.getJSON('package.json', function(data){

                    var username = data.username;
                    var value = data.value;
                    var tokens= data.tokens;
                    $(".list-group").append('<li>' + username + ' has deposited $' + value + ' in ' + tokens + ' tokens</li>');

            });
</script>