title: JS how to map through Array in template literals
body: <p>I ran into a problem and couldn't fix it today.
  For example, there is a json file text.json</p>
  
  <pre><code>[
    {
      "id":1,
      "name":"Jon",
      "email":"John@gmail.com"
    },
    {
      "id":2,
      "name":"Sam",
      "email":"Sam@gmail.com"
    },
    {
      "id":3,
      "name":"Dan",
      "email":"Dan@gmail.com"
    }
  ]
  </code></pre>
  
  <p>Now I want to use ajax to get this json file and here is the
  part doesn't work.</p>
  
  <pre><code>let output = users.map((i) =&gt; {
                      return `&lt;ul&gt;
                          &lt;li&gt;ID: ${users.id} &lt;/li&gt;
                          &lt;li&gt;Name: ${users.name}&lt;/li&gt;
                          &lt;li&gt;Email: ${users.email}&lt;/li&gt;
                      &lt;/ul&gt;`
                  })
  </code></pre>
  
  <p><strong>Where should I put the i in template literals ?</strong></p>