尝试在对象中的特定键值对上使用 JavaScript 嵌套循环

Question

我正在尝试使用cocktailDB API 来构建一个基本的鸡尾酒应用程序，我正在遍历结果，但是我需要从对象中提取成分，但它们是单独的键值对（strIngredient 1-15）。 我尝试使用 for in 循环，可以在控制台中看到对象的所有属性，但无法弄清楚如何循环遍历成分以将它们拉出以在页面上呈现。

var results = response.drinks;

        for (var i = 0; i < results.length; i++) {
            console.log(results[i]);
            
            var eachDrink = results;
             
            for (var prop in eachDrink[i]) {
                console.log(eachDrink[i] [prop]);
            }            

        } 

Answer 1

您可以使用此代码：

 let myArray = [ { type: "Fruit", color: 'blue', ingredient1: "salt", ingredient2: "water" }]; for(i=1; i <= 15; i++){ console.log('ingreditent' + i, myArray[0]['ingredient'+i]); }

或者您可以使用此技术：

const array = { a3: 3, a2: 1, a1: 1, b: 2, c: 3 };
const keyWord = "a"; 
const filtered = Object.keys(array).filter(v => v.includes(keyWord))
result -> ["a3", "a2", "a1"];