Javascript JSON 对象数组到 HTML 表

Question

我是 javascript 的新手。 我还在论坛中尝试了不同的解决方案。 我想将 object 数据打印到 html 表中（tr>td）。 我需要从 url 中提取这些数据。 JSON 结构如示例中所示。 另外，数据的output需要并排。 我尝试了下面的代码块，但没有成功。我在这个论坛上尝试了建议的答案。 所有的数据都来了，但我想要的是在每一行并排列出一个人的信息。 我该如何解决这个问题？ 谢谢你。

注意：1-我知道此链接中的答案（这不是重复的问题）。 但正如我所说，我想并排对数据进行排序。 2-我没有创建这些数据。 我需要像这样从 url 那里得到它。

 { "name": [ "John", "Marie", "Clara" ], "surname": [ "Doe", "Jane", "Smith" ], "phone": [ "1233215555", "1233215555", "1233215555" ], "birthdate": [ "1980-12-14", "1990-02-13", "1995-03-10" ] } fetch(url).then(res => res.json()).then((out) => { for (let i = 0; i < out.length; i++) { console.log(out[i][name] + " " + out[i][surname] + " " + out[i][phone] + " " + out[i][birthdate]) } })

Answer 1

顺序是错误的。 out 是 arrays 的 object （不是对象数组）。 在这里，我通过假设所有属性都包含一个长度相同的数组来固定访问顺序：

 function fetch() { return Promise.resolve({ json() { return Promise.resolve({ "name": [ "John", "Marie", "Clara" ], "surname": [ "Doe", "Jane", "Smith" ], "phone": [ "1233215555", "1233215555", "1233215555" ], "birthdate": [ "1980-12-14", "1990-02-13", "1995-03-10" ] }) } }); } var url = "some-url"; fetch(url).then(res => res.json()).then((out) => { for (let i = 0; i < out.name.length; i++) { console.log(out.name[i] + " " + out.surname[i] + " " + out.phone[i] + " " + out.birthdate[i]) } })