let userList = {
"people": [
{ firstName: "Fred",
lastName: "Smith",
dateOfBirth: 1980,
spokenLanguages: {
native: "English",
fluent: "Spanish",
intermediate: "Chinese" }
},
{ firstName: "Monica",
lastName: "Taylor",
dateOfBirth: 1975,
spokenLanguages: {
native: "Spanish",
fluent: "English",
intermediate: "French" }
},
{ firstName: "Maurice",
lastName: "Edelson",
dateOfBirth: 1992,
spokenLanguages: {
native: "English",
fluent: "Spanish",
}
},
{ firstName: "Kelly",
lastName: "Lang",
dateOfBirth: 1982,
spokenLanguages: {
native: "English",
fluent: "German",
intermediate: "Dutch" }
}
]
};
userList.people.map((p)=>{
let { firstName } = p;
let { lastName } = p;
let { dateOfBirth } = p;
let { spokenLanguages: { native , fluent, intermediate } } = p;
document.querySelector('tbody').innerHTML += `
<tr>
<td>${firstName}</td>
<td>${lastName}</td>
<td>${dateOfBirth}</td>
<td>Native: ${native}<br>Fluent: ${fluent}<br>Intermediate: ${intermediate}</td>
</tr>
`
});
table, th, td {
border: 2px solid black;
}
th {
padding: 10px;
}
<table>
<thead>
<tr>
<th><strong>First Name</strong></th>
<th><strong>Last Name</strong></th>
<th><strong>Date of Birth</strong></th>
<th><strong>Spoken Languages</strong></th>
</tr>
</thead>
<tbody>
</tbody>
</table>
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。