Как пройти через массив объектов JavaScript и поместить его в таблицу? ⇐ Html

[Anonymous]

Я пытаюсь пройти через массив и поместить результаты в таблицу HTML, но моя логика не работает.
Это мой html -код

Код: Выделить всё

  







< /code>
это мой код JS < /p>
const data = [
{
type: "NS",
records: [
"d.u10.twtrdns.net",
"a.r10.twtrdns.net",
"a.u10.twtrdns.net",
"b.r10.twtrdns.net",
"b.u10.twtrdns.net",
"c.r10.twtrdns.net",
"c.u10.twtrdns.net",
"d.r10.twtrdns.net",
],
},
]

$(function () {
const thead = $("#table1 thead")
const tbody = $("#table1 tbody")
let tr = $("")

$.each(Object.keys(data[0]), function (_, key) {
tr.append("" + key + "")
})
tr.appendTo(thead)

$.each(data, function (_, obj) {
tr = $("")
$.each(obj, function (_, text) {
tr.append("" + text + "")
})
tr.appendTo(tbody)
})
})

Я хочу такой результат цикла, как это


Подробнее здесь: https://stackoverflow.com/questions/794 ... to-a-table