多次元配列へのアクセス方法を教えてください

Question

前提・実現したいこと

ejsを勉強中です。
拾ってきたコードを自分なりに触ってみているのですが、jsonファイルを多次元配列にするとエラーになりました。
<%= page["test"]["txt1"] %>の記述方法が問題だとおもうのですが、解決法が分からず困っています。
よろしくお願いします。

発生している問題・エラーメッセージ

Cannot read property 'txt1' of undefined	

該当のソースコード

_header.ejs	
<%	
var _default = json['default'];	
for ( var key in _default ) {	
if ( typeof page[key] === 'undefined' ) {	
page[key] = _default[key];	
}	
}	
-%>	
	
<%= page["test"]["txt1"] %>	

data.json	
	
{    
 "test":[{
    "txt1":"aaa",
    "txt2":"bbb",
    "txt3":"ccc",
    "txt4":"ddd"

    }]
}   	

Comments

[jun68ykt]

単なる転記ミスかもしれないので、こちらに書きますが、data.json の内容は JSONとして不正です。チェック方法としては https://jsonformatter.curiousconcept.com/
に貼り付けて[Process]ボタンをクリックすると分かります。

[sanco]

ありがとうございます。
jsonファイル修正しました。
よろしくお願いいたします。

Answer 1

{}と[]の組み合わせがおかしくないですか？
仮にpageが

{
test:[
  {
  txt1:"aaa",
  txt2:"bbb",
  txt3:"ccc",
  txt4:"ddd"
  }
  ]
}

だったとしても参照は

page.test[0].txt1;

だと思いますが・・・

Comments

[sanco]

ありがとうございます、解決しました。

>{}と[]の組み合わせがおかしくないですか？
すみません、jsonファイルの記述方法がいまいち分かっておらず失礼いたしました。