javascript コレクションが存在するかどうかチェック。

Question

現在マス目を使うゲームを制作していて、あるマスを中心として(centerCell= table.rows[l].cells[m])周りのマス目のクラスをチェックするという処理をさせようとしています。
テーブルを使って生成していて、
例えば左下のマスをcell_1 = table.rows[l+1].cells[m-1]としています。しかし、左下にマスが存在しないマスもあるので、そのような場合に、「Cannot read property 'cells' of undefined」というようなエラーが出てしまいます。
このような場合は無視していけば良いと思い、try~catch文を用いましたが、挙動がどうしてもおかしくなるため、別の方法をとることにし、

if table.hasOwnProperty('rows[l+1]') and table.hasOwnProperty('cells[m]')

としてみましたが、反応せず、調べたところ、.rowsや.cellsはプロパティーではなくコレクション？のようでした。

コレクションの存否を判定するような方法をアドバイスいただけないでしょうか？

Answer 1

エラーメッセージをよく読んで下さい。

Cannot read property 'cells' of undefined

undefined の cells プロパティを読めません。

cell_1 = table.rows[l+1].cells[m-1]

table要素ノードは rows プロパティを持っていませんので、table.rows === undefined になります。
undefined はプロパティを持てませんので、cells プロパティは参照不可能なのです。

table要素ノードは thead, tbody, tfoot を子に持てるので、どの要素ノードを参照するのかを確認して下さい。
一つ目のtbody要素配下のtr要素ノード群は次のコードで参照可能です。

var rows = table.tBodies[0].rows;

rows に指定可能なインデックス値が length 以上になる事はないので 、「0 以上 length 未満のインデックス値」を指定すれば良いでしょう。

for (var i = 0, l = rows.length; i < l; ++i) {
  console.log(rows[i]);
}

Re: saiiii さん

Comments

[退会済みユーザー]

ありがとうございました。　いただいた回答をヒントに無事解決することができました。

Answer 2

?.演算子でメソッド呼びするようにして?演算子で存在確認すればいいと思います。

centerCell = table.rows[l]?.cells[m]
if centerCell?
  console.log centerCell

Comments

[退会済みユーザー]

ありがとうございます。