javascript - JSテンプレートリテラルで配列を介してマップする方法

Question

問題が発生し、今日は修正できませんでした。たとえば、json ファイル text.json があります。

[
  {
    "id":1,
    "name":"Jon",
    "email":"John@gmail.com"
  },
  {
    "id":2,
    "name":"Sam",
    "email":"Sam@gmail.com"
  },
  {
    "id":3,
    "name":"Dan",
    "email":"Dan@gmail.com"
  }
]

今、このjsonファイルを取得するためにajaxを使用したいのですが、ここではその部分が機能しません。

let output = users.map((i) => {
                    return `<ul>
                        <li>ID: ${users.id} </li>
                        <li>Name: ${users.name}</li>
                        <li>Email: ${users.email}</li>
                    </ul>`
                })

テンプレート リテラルのどこに i を配置すればよいですか?

Answer 1

そうではありませんか：

let output = users.map((i) => {
    return `<ul>
              <li>ID: ${i.id} </li>
              <li>Name: ${i.name}</li>
              <li>Email: ${i.email}</li>
            </ul>`;
 });