我正在尝试将下面的 JSON 输出到 HTML。我已经创建了对象以及该对象的属性,但是,我正在努力将其输出为 HTML。这是我到目前为止所拥有的。有什么想法吗?
var people;
people = [{
first_name: 'Don Molloy',
category: 'academic'
},
{
first_name: 'Pat Quill',
category: 'academic'
}
];
console.log(people);
var myObj = JSON.parse(people);
document.getElementById("output-people").innerHTML = myObj.name;
<p id="output-people"></p>
谢谢,
最佳答案
这不是 json
对象。它是一个普通数组对象。所以删除 JSON.parse()
。并像这样更改输出 innerHTML dom myObj[ 0].first_name
更新:
对于所有带排序的名字。试试这个myObj.map(a=> a.first_name).sort().join("and ")
var people;
people = [{
first_name: 'Don Molloy',
category: 'academic'
},
{
first_name: 'Pat Quill',
category: 'academic'
}
];
people = people.sort((a,b)=> {
var a1 = a.first_name.toLowerCase();
var b1 = b.first_name.toLowerCase();
return a1<b1 ?-1:a1> b1? 1 :0;
})
console.log(people);
var myObj =people;
document.getElementById("output-people").innerHTML = myObj.map(a=> a.first_name).join(" and ")
<p id="output-people"></p>
关于javascript - JSON 按字母顺序排序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43996959/