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

Question

我正在尝试使用 cocktailDB API 构建一个基本的鸡尾酒应用程序，我正在循环查看结果，但是我需要从对象中提取成分，但它们是单独的键值对 ( str成分 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"];

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

Attempting to use a JavaScript nested loop on specific key value pairs in an object

javascript

nested-loops

javascript-objects