如何使用reduce函数获取一个用户的GitHub存储库总数

Question

我正在尝试获取一个用户的存储库总数。下面是我的代码：

JS

const url = "https://api.github.com/users/oyerohabib/repos?per_page=50";

const fetchRepos = async () => {
  response = await fetch(url);
  data = await response.json();
  const newData = data.reduce((total, repo) => {
    const { language } = repo;
    if (language) {
      total += language;
    }
    return total;
  }, 0);
  console.log(newData);
};

fetchRepos();

这是我尝试0CSSJavaScriptHMLJavaScriptHMLJavaScriptHMLJavaScriptHMLJavaScriptJavaScriptJavaScriptJavaScriptJavaScriptJavaScriptJavaScript后得到的结果

注：我期望的是13种语言，这是语言的总数

Answer 1

您只需在每次看到一种语言时将1添加到total中

const response = await fetch(url);
const data = await response.json();
const newData = data.reduce((total, repo) => {
  const { language } = repo;
  if (language) {
    total += 1;
  }
  return total;
}, 0);

这将返回14，并且如果要将所有语言追加到数组中，为了确保我添加了所有语言的数组：

const results = [
  "CSS",
  "JavaScript",
  "HTML",
  "JavaScript",
  "HTML",
  "JavaScript",
  "HTML",
  "JavaScript",
  "JavaScript",
  "JavaScript",
  "JavaScript",
  "JavaScript",
  "HTML",
  "JavaScript",
];

下面是如何在数组中获取语言的方法

response = await fetch(url);
data = await response.json();
const newData = data.reduce((total, repo) => {
  const { language } = repo;
  if (language) {
    total.push(language)
  }
  return total;
}, []);
console.log(newData);