ループでJSONの中身にアクセスしたい

Question

ループによるJSONの中身の取り出し方がわかりません
obj[b[i]][b[i]]["key"]では中身にアクセスできません
どうしたらアクセスできますでしょうか？

<script>
window.onload=function(){
const json = `{
    "a": {
        "aa": {
            "key": "1"
        },
        "bb": {
            "key": "2"
        }
    }
}`;
obj = JSON.parse(json);
b=Object.keys(obj);
for(i=0;i<b.length;i++){
alert(obj[b[i]][b[i]]["key"]);//1と2を出したい
}
}
</script>

Answer 1

const obj={
  "a": {
    "aa": {
      "key": "1"
      },
    "bb": {
      "key": "2"
      }
  }
};
for(var i in obj){
  for(var j in obj[i]){
    console.log(obj[i][j]["key"]);
  }
}

Answer 2

オブジェクトの中の任意の階層にある、keyという文字列をキーとした文字列の値をすべて探して表示する例です。

  function findKey(o) {
    Object.keys(o).forEach(k => {
      if (k === 'key' && typeof o[k] === 'string') {
        alert(o[k]);
      } else if (typeof o[k] === 'object') {
        findKey(o[k]);
      }
    })
  }
  
  findKey(obj);

Answer 3

正直なにをやりたいかわかりませんが、以下で1と2を出すことはできます。

b=Object.entries(obj.a).map(o=>o[1]["key"]);
for(i=0;i<b.length;i++){
  alert(b[i]);//1と2を出したい
}

Answer 4

//1と2を出したい

なんか、コードが全然そういう方向に向いてませんが。

obj["a"]["a"]というものは存在しないですね。obj["a"]["aa"]を見ないと。

今のコードの方針を活かすなら、

obj = JSON.parse(json);
b=Object.keys(obj);
for(i=0;i<b.length;i++){
  c=Object.keys(obj[b[i]]);
  for(j=0;j<c.length;j++){
    alert(obj[b[i]][c[j]]["key"]);
  }
}