Javascriptの配列指定で、インデックスに＋１するとエラーが出ました。

Question

前提・実現したいこと

Javascriptで*でできた図形の外周を求める式を求めるプログラムを構築中です。
隣り合うブロックを出力するためにインデックスに＋１をして配列を指定すると以下のエラーメッセージが発生しました。

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

/workspace/Main.js:70
if (array[x+1][y]) {
^

TypeError: Cannot read property '2' of undefined
at Interface.<anonymous> (/workspace/Main.js:70:27)
at Interface.emit (events.js:327:22)
at Interface.close (readline.js:416:8)
at ReadStream.onend (readline.js:194:10)
at ReadStream.emit (events.js:327:22)
at endReadableNT (_stream_readable.js:1220:12)
at processTicks
AndRejections (internal/process/task_queues.js:84:21)

該当のソースコード

// ＊でできた図形（空欄には.がはいる）
 var array = 
     [
         ['.', '.', '*', '.'],
         ['.', '.', '*', '.'],
         ['*', '*', '*', '.'],
         ['.', '.', '*', '.']
     ];

// 全体の幅、高さ
var A = [4, 4];


// 要素の数だけ繰り返す
    for (var k = 0; k < A[0] * A[1]; k++){
        // (x,y) =要素の位置を表す
        var x = Math.floor(k / A[0]);
        var y= Math.floor(k % A[1]);
        
        if ( array[x][y] === "*"){
            
            if (array[x+1][y]) {  //エラーの場所です！
                console.log(array[x+1][y]);
            }
        }
    }

試したこと

①以下のように変換したところ、次のようなエラーが出ました。
if (array[x+1][y])
↓
if (array[x+1][0])

TypeError: Cannot read property '0' of undefined
at Interface.<anonymous> (/workspace/Main.js:70:27)
at Interface.emit (events.js:327:22)
at Interface.close (readline.js:416:8)
at ReadStream.onend (readline.js:194:10)
at ReadStream.emit (events.js:327:22)
at endReadableNT (_stream_readable.js:1220:12)
at processTicksAndRejections (internal/process/task_queues.js:84:21)

②array[x][y]は正常に出力されます。

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

指摘いただいた以下の内容を修正しました。
①「if ( array[x][y] === "#"){ ↑ご提示のコードでは、この条件が成立することはないように思えます。」
if ( array[x][y] === "#")
↓
if ( array[x][y] === "*")

Comments

[Lhankor_Mhy]

if ( array[x][y] === "#"){
↑ご提示のコードでは、この条件が成立することはないように思えます。

[iyo]

ご指摘ありがとうございます。条件式を修正しました。

[plasticgrammer]

array[x+1][y]ではエラーとならないのでしょうか？

単純にxが3の場合に、array[x+1]（array[4]）がundefinedとなるのが原因かと思ったのですが...

[iyo]

ご指摘ありがとうございます。その通りでした。

Answer 1

arrayは4行4列の配列なので、xが3のときに array[x + 1] にアクセスすると範囲外アクセスになり、undefinedが返ります。

最終行だったらアクセスしないようにしましょう。
例:

            let next = x + 1;
            if (next < array.length && array[next][y]) {
                console.log(array[next][y]);
            }

Comments

[iyo]

解答ありがとうございます。

下記のように書き換えると正常に動作しました。

変更前
if (array[x+1][y]) { //エラーの場所です！
console.log(array[x+1][y]);
}

変更後
let next = x + 1;
if (next < array.length && array[next][y]) {
console.log(array[next][y]);
}