如何使用JavaScript检索JSON对象数组值

Question

我的JSON对象数组是这样的：

var country = [{ id: "1", name:"ajith",   country:"india"},
               { id: "2", name:"chandru", country:"india"}, 
               { id: "3", name:"gane",    country:"india"}]

如何检索这些键和值？
如何在html表中显示它们？

Answer 1

同样如此，只需将<tableIdHere>替换为您的表格ID

即可

document.getElementById('<tableIdHere>').getElementsByTagName('tbody')[0].innerHTML = 
country.map(v => `<tr><td>${v.id}</td><td>${v.name}</td><td>${v.country}</td></tr>`)
    .join('');

请注意，上面使用的arrow functions和template strings仅适用于最新的chrome和firefox等现代浏览器。您可能想要使用

document.getElementById('<tableIdHere>').getElementsByTagName('tbody')[0].innerHTML = 
country.map(function(v) {
    return  '<tr><td>' + v.id + '</td><td>' + v.name + '</td><td>' + v.country + '</td></tr>';
}).join('');

如果您需要支持旧浏览器！