如何获取JSON中所有名称相似且不为空的元素？

Question

我是新来的，我正在尝试使用此 JSON（来自 API）的所有“成分”在屏幕上显示它们，但我不确定如何，因为对于每个食谱，成分的数量是不同。

我尝试将名称循环连接并每次更改后缀号，但它不起作用。

const dataCocktail = response.data.drinks[0];
while (dataCocktail.strIngredient+number) {
ingredients = ingredients.push(dataCocktail.strIngredient+number);
number++;
console.log(ingredients);
}

Answer 1

有很多内置方法可以处理这个问题。您可以使用

Object.keys

它将创建该 json 对象中所有键的数组，然后您可以使用

map

数组方法映射它们。

Object.keys(dataCocktail.strIngredient).map((k) => {
    const item = dataCocktail.strIngredient[k]
    console.log(`Item: ${item}`)
})

MDN 上的文档将是您使用大多数 javascript 或 typescript 的最好朋友。