多次元オブジェクト内のループスルー

Question

私は複数のオブジェクトを持つオブジェクトを持っており、各オブジェクト内の各キーのループを作成する必要があります。

このようなログを出力するにはコンソールが必要です。

Iron 
TIBC 
carbon dioxide 
Sodium 
etc... 

これは私がこれまでにこのよう

(function() { 
 
    var blood = { 
 
    "blood": { 
 
     "one": { 
 
     "iron": "Iron", 
 
     "tibc": "TIBC", 
 

 
     }, 
 
     "two": { 
 
     "cd": "Carbon Dioxide", 
 
     "sodium": "Sodium", 
 
     "potassium": "Potassium", 
 
     "chloride": "Chloride", 
 
     }, 
 
     "three": { 
 
     "cholesterol": "Cholesterol", 
 
     "dhdl": "Direct HDL", 
 
     }, 
 
     "four": { 
 
     "rigg": "Rubella IgG", 
 
     "hbsag": "HBsAg", 
 
     "ahiv": "Anti-HIV 1+2", 
 
     "estrdiol": "Estradiol", 
 
     "fsh": "FSH", 
 
     } 
 
    } 
 
    } 
 

 
    for (var key in blood) { 
 
    if (blood.hasOwnProperty(key)) { 
 
     var newKey = blood[key] 
 

 
     for (var key in newKey) { 
 
     if (newKey.hasOwnProperty(key)) { 
 
      //do stuff 
 
      console.log(newKey[key]) 
 
     } 
 
     } 
 

 
    } 
 
    } 
 
})

が

Answer 1

を試してみました何ですか？

forループでキーをループしているので、同じforループを再帰的に呼び出し、オブジェクトのvalueが文字列である場合にのみ出力を表示することで、そのタイプがobject関数を再度呼び出します。

const result = Object.values(blood.blood).map(
    obj => Object.values(obj).join("\n") 
).join("\n"); 

console.log(result); 

Answer 2

ザッツ["Iron", "TIBC", "Carbon Dioxide", "Sodium", "Potassium", "Chloride", "Cholesterol", "Direct HDL", "Rubella IgG", "HBsAg", "Anti-HIV 1+2", "Estradiol", "FSH"]。

https://jsbin.com/kodolok/edit?js,console

Object.values基本的に連想配列であるオブジェクトを反復処理するとき、本当に便利です。

Answer 3

あなたは以下の配列にすべての値を取得することができます：

let allTypes = []; 

Object.values(blood.blood).forEach(v => { 
    // we are iterating over "one"..."four" 
    allTypes.push(...Object.values(v)); 
}); 

console.log(allTypes); 

ウィル出力Object.valuesが何のためにあるのか

var blood = { 
 
    "blood": { 
 
    "one": { 
 
     "iron": "Iron", 
 
     "tibc": "TIBC", 
 

 
    }, 
 
    "two": { 
 
     "cd": "Carbon Dioxide", 
 
     "sodium": "Sodium", 
 
     "potassium": "Potassium", 
 
     "chloride": "Chloride", 
 
    }, 
 
    "three": { 
 
     "cholesterol": "Cholesterol", 
 
     "dhdl": "Direct HDL", 
 
    }, 
 
    "four": { 
 
     "rigg": "Rubella IgG", 
 
     "hbsag": "HBsAg", 
 
     "ahiv": "Anti-HIV 1+2", 
 
     "estrdiol": "Estradiol", 
 
     "fsh": "FSH", 
 
    } 
 
    } 
 
} 
 

 
function keyGetter(data){ 
 
    for(key in data){ 
 
    if(typeof data[key] === typeof ""){ 
 
     console.log(data[key]); 
 
    }else{ 
 
     keyGetter(data[key]); 
 
    } 
 
    } 
 
} 
 
keyGetter(blood);

Answer 4

私はあなたを助けるかもしれない再帰関数を作った！

var blood = { 
 
     "blood": { 
 
      "one": { 
 
       "iron": "Iron", 
 
       "tibc": "TIBC", 
 

 
      }, 
 
      "two": { 
 
       "cd": "Carbon Dioxide", 
 
       "sodium": "Sodium", 
 
       "potassium": "Potassium", 
 
       "chloride": "Chloride", 
 
      }, 
 
      "three": { 
 
       "cholesterol": "Cholesterol", 
 
       "dhdl": "Direct HDL", 
 
      }, 
 
      "four": { 
 
       "rigg": "Rubella IgG", 
 
       "hbsag": "HBsAg", 
 
       "ahiv": "Anti-HIV 1+2", 
 
       "estrdiol": "Estradiol", 
 
       "fsh": "FSH", 
 
      } 
 
     } 
 
} 
 

 
loopThrough(blood) 
 

 
function loopThrough(obj){ 
 
    if(typeof obj == "object"){ 
 
    for(var i in obj){ 
 
     loopThrough(obj[i]); 
 
    } 
 
    }else{ 
 
    console.log(obj) 
 
    } 
 
    
 
}