Please, how do I limit items in a json API call to only two with JavaScript?

Question

I have a website on Google Blogger where I use JavaScript to get IPSW firmware files via the IPSW.ME API. I have successfully come out with a design to match my template but what I will like is to get only the first two items from the JSON response. I'm still not very good with JS. Will be happy if someone can enlighten me. Here is the code I'm using

function fetchData() {
fetch('https://api.ipsw.me/v4/device/iPad8,8')
  .then((response) => {
    return response.json();
  })
  .then(data => {
    console.log(data);
    const html = data.firmwares.map(info => {
        return `
        
        
        
          Device: 
          iPad Pro 3 (12.9-inch, Cellular, 1TB Model) (${info.identifier})
          
          
          Firmware Version: 
          iOS ${info.version} ( Build  ${info.buildid})
          
          
          Released Date:
           ${info.releasedate}
          
          
          File MD5sum: 
          ${info.md5sum}
          
          
          File SHA1sum: 
          ${info.sha1sum}
          
          
          Signed IPSW:
           ${info.signed}
          
        
        
        
  
  
  
    
     Download for ${info.identifier}
    Size: ${info.filesize} bytes
  
  
  
  


 Can't Download? Copy link from below, paste in a new tab to download



  

        `;  
     })
    .join();
    console.log(html);
    document.querySelector('#ipsw-info').insertAdjacentHTML('afterbegin', html);
  });
}
fetchData()

Jbadminton · Answer

First of all check if the API supports data limitation like LIMIT.

If this is not supported you can do

const html = data.firmwares.slice(0,2).map(info => { ...

SOURCE

TimoDevs · Answer

u can use array slice https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/slice

function fetchData(limit) {
fetch('https://api.ipsw.me/v4/device/iPad8,8')
  .then((response) => {
    return response.json();
  })
  .then(data => {
    const html = data.firmwares.slice(0, limit).map(info => {
        return `
        
        
        
          Device: 
          iPad Pro 3 (12.9-inch, Cellular, 1TB Model) (${info.identifier})
          
          
          Firmware Version: 
          iOS ${info.version} ( Build  ${info.buildid})
          
          
          Released Date:
           ${info.releasedate}
          
          
          File MD5sum: 
          ${info.md5sum}
          
          
          File SHA1sum: 
          ${info.sha1sum}
          
          
          Signed IPSW:
           ${info.signed}
          
        
        
        
  
  
  
    
     Download for ${info.identifier}
    Size: ${info.filesize} bytes
  
  
  
  


 Can't Download? Copy link from below, paste in a new tab to download



  

        `;  
     })
    .join();
    console.log(html);
    document.querySelector('#ipsw-info').insertAdjacentHTML('afterbegin', html);
  });
}
fetchData(2)

Please, how do I limit items in a json API call to only two with JavaScript?

2 Answers