javascript 二次元配列 出力

Question

javascript

二次元配列の表示

document.write();でいぬと表示させたいのですが
document.write(a['dog']['name']);と記載しても表示されません

document.write();は現在使わないほうがいいと回答をいただいてますが
使用している参考書で使用されているため、document.write();で表示される方法を教えていただけますでしょうか。

ani = new Array();

        a['dog']['name']='いぬ';
        a['dog']['cry']='ワン';
        a['cat']['name']='ねこ';
        a['cat']['cry']='ニャン';

        document.write();
        

Comments

[int32_t]

変数 a はどうやって宣言していますか。
変数 ani はこの質問に関係ありますか。
ブラウザの開発者ツールのコンソールになにかエラーが出ていませんか。

[yambejp]

document.writeをやめないと上達できないとおもいますよ

[sho0922]

最初に

ani = new Array();
aniは配列名です
コンソールにErrorは出ていません

[sho0922]

そうですよね
document.writeを使わない
inner HTMLを使った方法が分からないので
教えていただくことは可能でしょうか？

[yambejp]

とりあえず変数の中身を確認するだけならブラウザでF12(macだと ⌘ + option + i ？)を
押して開発ツールを開き、console.logで確認する流れを理解ください

Answer 1

あらかじめデータが決まってるならこんなかんじで

const animals = {'dog':{'name':'いぬ','cry':'ワン'},'cat':{'name':'ねこ','cry':'ニャン'}};

console.log(animals['dog']['name']);

Answer 2

やろうとしているのはおそらくオブジェクトのプロパティ設定
ベースを宣言しておかないと代入処理ではオブジェクトは自動生成されません

const a = {dog:{},cat:{}};
a['dog']['name']='いぬ';
a['dog']['cry']='ワン';
a['cat']['name']='ねこ';
a['cat']['cry']='ニャン';
console.log(a['dog']['name']);

Answer 3

        a = {};
        a['dog'] = {};
        a['cat'] = {};
        a['dog']['name']='いぬ';
        a['dog']['cry']='ワン';
        a['cat']['name']='ねこ';
        a['cat']['cry']='ニャン';

        document.write();

["ほにゃらら"] の前の部分は、いちいち新しく連想配列を作る必要があります。