javascript - 使用 jQuery 和 PokéAPI 查找 JSON key 匹配

Question

我正在尝试在我正在开发的应用程序中使用 PokéAPI 查找并使用语言 JSON 端点的英文翻译。在提交对如下所示网址之一的调用时，我需要使用翻译。不幸的是，英语语言键在数组响应中并不总是按相同的顺序排列，因此我需要一种查找和检查它的方法，以便在前端显示正确的英语翻译。

我正在尝试检索:flavor_text_entries[X].language.en 在每个搜索中键入并检索 flavor_text_entries[X].flavor_text 以在前端显示描述。

API URL 1:

https://pokeapi.co/api/v2/pokemon-species/3/

API URL 2:

https://pokeapi.co/api/v2/pokemon-species/10/

代码:

var pokeBio = $("[data-poke-bio]").html();

function submit(){

 var pokeID = $("[data-poke-id]").val();
 var pokeSpecURL = "https://pokeapi.co/api/v2/pokemon-species/" + pokeID;

 $.ajax({
    type: "GET",
    url: pokeSpecURL,
    success: function(dataSpec){ 
      ajaxSpecSuccess(dataSpec);
    },
    error: function(XMLHttpRequest, textStatus, errorThrown) {
      ajaxError();
    }
  });
}

function ajaxSpecSuccess(dataSpec){
  var pokeMatchBio = dataSpec.flavor_text_entries[1].flavor_text;
  var pokeBio = $("[data-poke-bio]").html(pokeMatchBio);
}

我需要操作的片段:

var pokeMatchBio = dataSpec.flavor_text_entries[1].flavor_text;

Answer 1

第1步，找到英文条目

第 2 步，显示其 flavor 文本或一条消息(如果未找到)

let englishEntry = dataSpec.flavor_text_entries.find(entry => entry.language && entry.language.name && entry.language.name === 'en');

if (englishEntry) {
  console.log(englishEntry.flavor_text);
} else {
  console.log("English entry not found");
}