このjavascriptのゲームコードは何をしていますか？

Question

私はJavaScriptとこの出くわした上でビデオを見ていた。

var matrix = [ 
[0,0,0], 
[0,1,0], 
[1,1,1], 

]; 


matrix.forEach(function(row, y){ 
row.forEach(function(value, x){ 
    console.log(value); 
    if(value != 0){ 
     context.fillStyle = "red"; 
     context.fillRect(x, y, 1, 1); 
     } 

    }); 
}); 

私はどのようにコードの動作のforEachの部分思っていました。行変数が行列配列と等しくなるかどうか、xとy変数はどうなるか私はちょうどそれの周りに私の頭を取得したい。

ありがとうございます。 アッシャー。

Answer 1

外側のforeachは、これらの行を繰り返し処理します。

内側のforeachはforeachの外側から現在の行のすべての要素を反復処理します。次に、現在の要素の値をコンソールに出力します。ゼロに等しくなければ、赤でピクセルを塗りつぶします（実際には矩形ですが、その面は1ピクセル長いので1ピクセルになります） y座標です。

あなたはxについて疑問に思っている場合は、foreachループでyを指定します。それらの反復カウンタを考慮することができます。したがって、新しい反復が始まるたびに1ずつインクリメントされます。

そこで結論のコードは3×3のサイズの小行列を描画し、マトリックスない0

Answer 2

だ各値ペイント画素赤配列の配列です。

したがって、行列[1] = [0,1,0]（これは配列です）。

あなたが関数の最初のビットは、row、[2]

[0]、マトリックスfor行列を言っ[1]及びマトリックスれるforEachと言うときは、[*]行列の内容に等しいです。 2番目の部分、xは、行列の番号（0,1,2）です。

それは意味がありますか？

EDIT：

我々は、行列[1] = [0,1,0]

そこで我々はmatrix.forEach（関数（行、y）がある時点で言わなければならないことを知っていることを知っています

行= [0,1,0]、yは1

row.forEach（関数（値、x）はそのためのためにその再度同じ今回

です=行[0]、行[1]と行[2]

valueを行の内容であろう[*]とxはforEach関数の数

Answer 3

2番目のパラメータは、現在のインデックスであろう要素が配列内で処理されています。

yは行のインデックスになり、xはcolumnのインデックスになります。