JavaScriptでのエラー Uncaught TypeError: Cannot read property '0' of undefined

Question

前提・実現したいこと

javascript初心者です。
javascriptで開発中以下のようなエラーが発生しました

個人的にはdataに何も入ってない(関数呼び出し時に値が渡されていない？)かと考えました。
そして調べても分かりませんでしたので質問させていただきました

dataは二次元配列です

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

(name[data[i][j]]のとこです。nameには値を代入しています。)
Uncaught TypeError: Cannot read property '0' of undefined  //45行

該当のソースコード(一部抜粋)

window.onload = function(){
    $.getJSON('static/document.json') // json読み込み開始
      .done(function(data){ // jsonの読み込みに成功した時
        console.log('成功');
        // 表の動的作成
        makeTable(data,"table");
      })
      .fail(function(){ // jsonの読み込みに失敗した時
        console.log('失敗');
      });
}

function makeTable(data, tableId){
    for(var i = 0; i < 18; i++){
        rows.push(table.insertRow(-1));
        for(var j = 0; j < 18; j++){
            cell=rows[i].insertCell(-1);
            if(i == 0){
                cell.id = 'num'+(j+1);    
            }
            else if(j == 17){
                cell.id = 'kan'+ i;
            }
            else{
                cell.id = 'cell'+i+'-'+(j+1);
            }
            cell.appendChild(document.createTextNode(name[data[i][j]]));  //45行
        }
    }
    // 指定したdiv要素に表を加える
    document.getElementById(tableId).appendChild(table);
}

補足情報（FW/ツールのバージョンなど）

回答よろしくお願いします。

Answer 1

document.jsonの内容が提示されないことには具体的な回答は難しいのですが、
エラー内容は懸念されているものに近いかと思いますので、console.log()などでデバッグを行い、
変数内の情報を追って問題の切り分けをしていってください。

初心者であればなおさら、デバッグの仕方は優先的に覚えましょう。

見た感じ、そもそもnameという変数に何も入っていない状態でいきなり参照しようとしているように思います。
rowsという変数も同様ですね。ほかにもありそうです。未定義のままいきなり使われている変数が。
そのあたりだと思います。

Answer 2

とりあえずnameという配列は定義されていないのでは？

// cell.appendChild(document.createTextNode(name[data[i][j]]));
//                                          ↓         ↓
   cell.appendChild(document.createTextNode(data[i][j]));

Answer 3

エラー内容から分かることは、
data[i]がundefinedなのでj=0のときにdata[i][j]で質問内容にあるエラーが発生しています。

// 表の動的作成
makeTable(data,"table");

のところでブレークポイントを設定して data　の中身を確認すればわかります。

for(var i = 0; i < 18; i++){
を
for(var i = 0; i < data.length; i++){
にすればこのエラーは解消されると思います。

もしくは、
このプログラムが必ず18行取得できるはずのものとして制作しているのであれば、
$.getJSON('static/document.json')が返す行数が不足しています。