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

【问题标题】：Attempting to use a JavaScript nested loop on specific key value pairs in an object尝试在对象中的特定键值对上使用 JavaScript 嵌套循环
【发布时间】：2021-12-05 23:56:12
【问题描述】：

我正在尝试使用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]);
            }            

        }

【问题讨论】：

请在您的问题中包含对象。

标签： javascript javascript-objects nested-loops

【解决方案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"];

【讨论】：