Javascript 从数据库中获取数据后，接下来如何使用JS将数据显示到HTML上？

我正在做一个练习，创建一个小型网站，使用TypeScript或Javascript将PostgreSQL中的数据显示为HTML。在检索数据之后，我不知道下一步该怎么做才能以可读的方式将数据显示到HTML上，你知道我应该如何通过JS来实现吗

app.get("/usersinfo", async (req, res) => {
try {
    const userinfo = await pool.query("SELECT * FROM usersinfo");
    res.json(userinfo.rows);
} catch (err) {
    console.error(err.message);
}});

在端口5000上设置本地主机后，我将以下内容视为一个数组，但我不太确定下一步如何组织它

[{“id”：1，“用户名”：“约翰”，“密码”：“约翰”，“电子邮件”：john@gmail.com，“coinamount”：100，“创建时间”：“2021-04-01T14:29:52.103Z”，“上次登录”：“2021-04-01T14:29:52.103Z”，“谷歌访问令牌”：null}]

---

基本上说你有一个简单的html

<div class="container">
</div>

---

这只是DOM操作的粗略概念。您应该阅读有关使用JavaScript进行DOM操作的更多信息。

您当前的html是什么样子的？@UdenduAbasili它看起来与上面的数组一模一样，当我访问localhost:5000/users时，它是一个带有该数组的空白白页。谢谢您的评论！但该数组不是硬编码的，它来自PostgreSQL表中存储在数据库中的数据。在完成app.get之后，我不知道如何开始使用innerHTML操作PostgreSQL表中的数据。数组不需要硬编码。在使用REST API从后端获取阵列后，您将检索该阵列，并按照我向您展示的方式进行操作。我将进行阅读，谢谢您的提示！

let data = [{"id":1,"username":"john","password":"john","email":"john@gmail.com","coinamount":100,"create_at":"2021-04-01T14:29:52.103Z","last_login":"2021-04-01T14:29:52.103Z","google_access_token":null}]
const container = document.querySelector(".container")
const ul = document.createElement('ul')
const li = document.createElement('li')

for (let item of data){
   const username  = document.createElement('li')
    username.textContent = item.username
    li.append(username)
    const password  = document.createElement('li')
    password.textContent = item.password
    li.append(password)
    const email  = document.createElement('li')
    email.textContent = item.email
    li.append(email)
    const lastLogin  = document.createElement('li')
    lastLogin.textContent = item.last_login
    li.append(lastLogin)
  
}


ul.appendChild(li)
container.appendChild(ul)