Javascript：从API调用中过滤JSON对象，只获取我需要的信息

Question

我正在尝试创建一个小项目来处理API调用。我已经创建了一个异步，它使用MusicBrainz API恢复有关曲目的信息。您可以通过单击此处来检查请求的结果：https://musicbrainz.org/ws/2/recording/5935ec91-8124-42ff-937f-f31a20ffe58f?inc=genres 收视率释放艺术家

以下是我迄今为止对我的请求的JSON响应的修改：

export const GET_JSON = async function (url) {
  try {
    const res = await Promise.race([
      fetch(url),
      timeout(CONSTANTS.TIMEOUT_SEC),
    ]);
    const data = await res.json();

    if (!res.ok) throw new Error(`${data.message} (${res.status})`);
    return data;
  } catch (err) {
    throw err;
  }
};

export const loadTrackDetail = async function (id) {
  try {
    const trackData = await GET_JSON(
      encodeURI(
        `${CONSTANTS.API_URL}${id}?inc=genres+artists+ratings+releases&fmt=json`
      )
    );
    details.trackDetails = {
      trackTitle: trackData.title,
      trackID: trackData.id,
      trackLength: trackData.length ?? "No duration provided",
      trackArtists: trackData["artist-credit"].length
        ? trackData["artist-credit"]
        : "No information on artists",

      trackReleases: trackData["releases"].length
        ? trackData["releases"]
        : "No information on releases",

      trackGenres: trackData["genres"].length
        ? trackData["genres"]
        : "No information on genres",
      trackRating: trackData.rating.value ?? "No rating yet",
    };

    console.log(details.trackDetails);
  } catch (err) {
    throw err;
  }

现在这还不错，但releases属性（例如）是一个对象数组（每个对象都是轨迹所在的特定版本），但对于每个版本，我只想将对象“减少”为其id和标题。其余的我不感兴趣。此外，我想说的是，例如，如果一个版本的标题类似于已经存在的前一个版本的标题，则不会将整个对象添加到新数组中。我曾考虑过使用foreach函数，但我就是不知道如何正确编写它，如果可能的话，比如我应该使用array.map，或者其他迭代方法。如果有人能在纯JS（不是Jquery！）中高效、干净地实现这一点，那将不胜感激！

干杯

Answer 1

数组details.trackDetails.trackReleases具有从不同对象指向id和name的路径。如果您的意思是：[“发布事件”]=

演示在每一级路径上使用flatMap（）提取“释放事件”，然后使用“区域”返回一个对象数组

[{name: area.name, id: area.id}, {name: area.name, id: area.id},...]

然后将对数组运行到一个for…of循环中，并将每个唯一的名称和id设置为ES6映射。然后它将贴图作为对象返回。

{name: id, name: id, ...}

要查看此功能，请转到此Plunker

js prettyprint-override">const releaseEvents = (details.trackDetails.trackReleases) => {
  let trackClone = JSON.parse(JSON.stringify(objArr));
  let areas = trackClone.flatMap(obj => {
    if (obj["release-events"]) {
      let countries = obj["release-events"].flatMap(o => {
        if (o["area"]) {
          let area = {};
          area.name = o["area"]["name"];
          area.id = o["area"]["id"];
          return [area];
        } else {
          return [];
        }
      });
      return countries;
    } else {
      return [];
    }
  });
  let eventAreas = new Map();
  for (let area of areas) {
    if (!eventAreas.has(area.name)) {
      eventAreas.set(area.name, area.id);
    }
  }
  return Object.fromEntries([...eventAreas]);
};

console.log(releaseEvents(releases));

Answer 2

const releasesReduced = []
const titleNotExist = (title) => {
    return releasesReduced.every(release => {
        if(release.title === title) return false;
        return true
    })
}
trackData["releases"].forEach(release => {
    if (titleNotExist(release.title))
        releasesReduced.push({id: release.id, title: release.title})
})
console.log(releasesReduced)

Answer 3

有一些事情让这个问题有点难以回答，但我相信下面的内容会让你指向正确的方向。

1. 您没有包含GET_JSON方法，因此您的示例不完整，无法立即用于迭代。
2. 在您带来的示例中，releases数组中包含的对象没有name属性。我用下面的标题替换了名称，以演示该方法。
3. 你说

此外，我想说，例如，如果一个版本的名称与已经存在的前一个版本的名称相似，则整个对象不会添加到新数组中。

但你没有定义你认为会使发行版本相似的内容。

鉴于上述情况，如前所述，我假设你说名字时是指标题，我也假设构成类似版本的是具有相同名称/标题的版本。

假设这些假设是正确的，我只是获取结果。响应上有一个json方法，该方法将响应转换为json对象。I将每个版本映射到您感兴趣的较小的数据集（id、title），然后减少该数组以删除“重复”版本。

js lang-js prettyprint-override">fetch('https://musicbrainz.org/ws/2/recording/5935ec91-8124-42ff-937f-f31a20ffe58f?inc=genres+ratings+releases+artists&fmt=json')
.then(m => m.json())
.then(j => {
  const reducedReleases = j.releases
                           .map(release => ({ id: release.id, name: release.title }))
                           .reduce(
                            (accumulator, currentValue, currentIndex, sourceArray) => {
                              if (!accumulator.find(a => a.name === currentValue.name)) {
                                accumulator.push(currentValue);
                              }
                              
                              return accumulator;
                            },
                            []);
  console.log(reducedReleases);
 });