javascript - 如何使用 jQuery 通过数组显示 JSON 对象

Question

我正在使用 jQuery 解析和显示 JSON 文件中的数据。我在浏览器中得到了所有内容，但 JSON 文件中的一个键有一个值数组。例如，这是我的 JSON:

{
  "category" : "Stuff",
  "location_id" : {
    "longitude" : "-71.89237903999964",
    "latitude" : "41.6809076720005",
    "human_address" : "{\"address\":\"156 Plainfield Pike Rd\",\"city\":\"Plainfield\",\"state\":\"CT\",\"zip\":\"06374\"}"
  },
}

这是我的 jQuery 代码:

$.getJSON('data.json', function(data) {
        var output = '<ul class="searchresults">';
        $.each(data, function(key, val) {
            if (val.item.search(myExp) != -1) {
                output += '<li>';
                output += '<p>' + "Category: " + val.category + '</p>';
                output += '<p>' + "Location: " + val.location_id + '</p>';
                output += '<p>' + "Business: " + val.business + '</p>';
                output += '</li>';
            }
        });
        output += '</ul>';
        $('#update').html(output);

出于某种原因，我的 location_id 的输出显示为 [object, object]...有人可以帮我获取该数组中的所有内容吗？

非常感谢!!!

Answer 1

JSON 中的 location_id 值不是“数组”，而是“对象”。对象的默认字符串值为[object Object]。因此，您需要将字符串与该对象的各个部分(而不是整个对象)连接起来:

output += '<p>' + "Location: " + 
    val.location_id.longitude + ', ' + 
    val.location_id.latitude +
    '</p>';

或者您可以获取整个 location_id 对象并对 JSON 进行字符串化。但这不会太容易被人类阅读:

output += '<p>' + "Location: " + JSON.stringify(val.location_id) + '</p>';