JSON.parseするとエラーが発生する

JSON.parseするとエラーが発生します
原因がわかりません
教えていただけないでしょうか？

<script>
window.onload=function(){
var data={
    "a": {
        "aa": {
            "key": "1"
        },
        "bb": {
            "key": "2"
        }
}
    };
Text = JSON.parse(data);
alert(Text["a"]["aa"]["key"]);
}
</script>

行動規範の内容に同意します

回答2件

dataが文字列ではなくオブジェクトになっています。

JSON.parse()に渡すのはJSONとして解析する文字列です。

JavaScript
1const json = `{
2    "a": {
3        "aa": {
4            "key": "1"
5        },
6        "bb": {
7            "key": "2"
8        }
9    }
10}`;
11
12const obj = JSON.parse(json);
13alert(obj["a"]["aa"]["key"]);

投稿2021/10/28 15:09

itagagaki

総合スコア8402

ベストアンサー

JSON.parseは、JSON文字列をもとにJavaScriptのオブジェクトを構築する処理です。
引数に渡す値は文字列にしてください。

javascript
1<script>
2window.onload=function(){
3  var data=`{
4        "a": {
5            "aa": {
6                "key": "1"
7            },
8            "bb": {
9                "key": "2"
10            }
11        }
12      }`;
13  Text = JSON.parse(data);
14  alert(Text["a"]["aa"]["key"]);
15}
16</script>