如何从匹配特定键的 JSON 对象创建数组？

Question

我正在使用themealdb.comAPI，它为您提供了如下成分：

"strIngredient1": "Quinoa",

"strIngredient2": "Butter",

"strIngredient3": "Red Chilli",

"strIngredient4": "Garlic",

"strIngredient5": "Chicken Breast",

"strIngredient6": "Olive Oil",

"strIngredient7": "Black Olives",

"strIngredient8": "Red Onions",

"strIngredient9": "Feta",

"strIngredient10": "Mint",

"strIngredient11": "Lemon",

"strIngredient12": "",

"strIngredient13": "",

"strIngredient14": "",

"strIngredient15": "",

"strIngredient16": "",

"strIngredient17": "",

"strIngredient18": "",

"strIngredient19": "",

"strIngredient20": "",

我正在从 API 获取数据，然后使用 React Hooks 设置一个具有所有配方属性的对象。对于成分，我想要这样的东西：[Quinoa, Butter, Red Chili ...]。

如何遍历 JSON 并找到匹配"strIngredient"& 而不是空字符串的键，然后将它们添加到数组中？

谢谢你！

Answer 1

假设您的数据存储在一个名为的变量中，mydata那么您可以这样做：let newArray = [];for (const key of Object.keys(mydata)) {    if (key.includes('strIngredient') && mydata[key] !== "") {                     newArray.push(mydata[key])     }}

Answer 2

const getIngredients = (strIngredients) => {    let ingredients = [];    Object.entries(strIngredients).map(i => {        const [key, value] = i;        if (key.includes('strIngredient') && value) {            ingredients.push(value)        } else return    })    return ingredients}