仅显示API中的某些给定数据

Question

我正在通过NY Times API在网页上显示一些数据，但我只希望显示前4条文章。我如何只显示前4个，其余的在JavaScript中消失呢？

我还没有尝试过任何可能的解决方案，因为我真的不知道该怎么做。

这是我从API中显示的一些数据，但报纸上有20篇热门新闻，我只想显示4个。

let html = [];
fetch('https://api.nytimes.com/svc/topstories/v2/technology.json?api-key=...')
  .then((resp) => resp.json())
  .then(function(data) {
    data.results.forEach(res => {
      html.push(`<h1>${res.title}</h1>`);
      html.push(`<p>${res.url}</p>`);
      html.push(`<p>${res.abstract}</p>`);
      html.push(`<p>${res.published_date}</p>`);
      html.push(`<image>${res.multimedia[4]}</image>`);
    })
    document.getElementById("res").innerHTML = html.join("");
  })

Answer 1

您可以使用slice()来获取响应的一部分，例如：

data.results.slice(0, 4).forEach(res => {
      html.push(`<h1>${res.title}</h1>`);
      html.push(`<p>${res.url}</p>`);
      html.push(`<p>${res.abstract}</p>`);
      html.push(`<p>${res.published_date}</p>`);
      html.push(`<image>${res.multimedia[4]}</image>`);
    })

但是，如果API使您能够限制结果，请改用该功能。您将减少带宽使用量（然后减少响应时间）