title: How to display specific JSON data from an API
body: <blockquote>
    <p>I'm using got for requests.</p>
  </blockquote>
  
  <p>Code:</p>
  
  <pre><code>const response = await got(`https://airapi.airly.eu/v2/measurements/installation?installationId=204`, {
          headers: {
              apikey: `API_KEY`
          },
          json: true
      });
  
  console.log(response.body.current.values);
  </code></pre>
  
  <p>Output:</p>
  
  <pre><code>[ { name: 'PM1', value: 20.72 },
    { name: 'PM25', value: 32.43 },
    { name: 'PM10', value: 61.22 },
    { name: 'PRESSURE', value: 1028.46 },
    { name: 'HUMIDITY', value: 91.59 },
    { name: 'TEMPERATURE', value: 10.87 } ]
  </code></pre>
  
  <p>Now, I want to display it to the user in this format:</p>
  
  <pre><code>PM1: 20.72 µg/m3 
  PM25: 32.43 µg/m3 
  PM10: 61.22 µg/m3 
  </code></pre>
  
  <p>My question is: What's the best way to do that? In the future, I also want to use a library like <a href="https://www.chunqiuyiyu.com/ervy/" rel="nofollow noreferrer">https://www.chunqiuyiyu.com/ervy/</a>, so it would be nice to have this data somehow separated. I hope that I've made myself clear :)</p>