[JS]jsonを動的に取得

Question

  json={
    apple:{
      color:'red'   
    },
    banana:{
      color:'yellow'
    }
  }

  var fruit='apple'
　console.log(json.fruit.color)
  

このままだとfruitが見つかりませんというエラーが出ます。（当然ですが）
ここでredを出力させるにはどうすればいいのでしょうか？

Comments

[oikashinoa]

sample_jsonの定義がおかしくないですか？

[moscow3]

すみません。修正しました

[m.ts10806]

質問する前に調べられること試せることはたくさんありますよ。

[退会済みユーザー]

回答に合わせて質問を編集するのはやめてください！

Answer 1

json[fruit].color

Answer 2

非常に惜しいと思います！

sample_json = {
  "apple":{
    "color":"red"   
  },
  "banana":{
    "color":"yellow"
  }
}

// sample_jsonからappleのcolorを取得
const red = sample_json.apple.color;

サンプルも作成しました！
jsonの値を取得して実際にhtml挿入するところまでを作成しました。
jsFiddle