チェス盤の文字列

Question

このJSコードがどのようにしてチェス盤を文字列に生成するのかという質問があります。 ifステートメントの状態がどのように正確に機能しているかわかりません。 2で割っ

x + y%===0にはtrueに評価される条件です。私が少し混乱しているのは、それが本当に評価される方法です。もう少し説明を使うことができます。ほかに誤解を招くようなコメントから

var boardSize = 8; 
var boardString = ''; 
// loops to calc y and x axis hash placement 
for (var y = 0; y < boardSize; y++){ 
    for (var x = 0; x < boardSize; x++) { 
     // x + y divided by 2 is === to 0 
     if ((x + y) % 2 === 0){ 
      // true add hashes to string 
      boardString += ' '; 
     } else { 
      boardString += '#'; 
     } 
    } 
    // newline for each set of hashes 
    boardString += '\n'; 
} 
console.log(boardString); 

Answer 1

、コード内のタイプミスのカップルがあります：

boardSize += ' ';はboardString += ' ';

と

(var x = 0; y < boardSize; x++)でなければなりません(var x = 0; x < boardSize; x++)

---

する必要があります

各正方形のxとyという値でチェス盤を考えると（表記y,xを使用）、

0,0 0,1 0,2 ... 0,7 
1,0 1,1 1,2 ... 1,7 
2,0 2,1 2,2 ... 2,7 
. . . 
. . . 
. . . 
7,0 7,1 7,2 ... 7,7 

代替の白黒の四角形が必要です。上から、xとyの合計が偶数の場合は正方形が白で、奇数の場合は黒であることがわかります。

a % 2 === 0は、aが偶数の場合（これは剰余演算子%の仕組みです）、trueです。

したがって、((x + y) % 2 === 0)は、白い四角を意味します。

Answer 2

たとえば、

  n-1,m 
n,m-1  n,m  n,m+1 
      n+1,m 

1 0 1 0 1 0 1    0 1 0 1 0 1 0 
0 1 0 1 0 1 0    1 0 1 0 1 0 1 
1 0 1 0 1 0 1  or  0 1 0 1 0 1 0  
0 1 0 1 0 1 0    1 0 1 0 1 0 1 
1 0 1 0 1 0 1    0 1 0 1 0 1 0 

は、実際に、彼らは同じであり、あなたがチェスを持って展開

  n+m-1 
n+m-1  n+m  n+m+1 
      n+m+1 

その後、我々は%2

 1       0 
1  0  1  or  0  1  0 
     1       0 

を行う合計を計算ボード

Answer 3

ifの文は、xとyの合計が偶数であるため、白い四角とみなされます。

var boardSize = 8; 
var boardString = ''; 
// loops to calc y and x axis hash placement 
// think of x and y as white and black squares 
// white square = x and y are even. black square = odd. 
for (var y = 0; y < boardSize; y++){ 
    for (var x = 0; x < boardSize; x++) { 
     // x + y is true if the remainder of the division is even 
     // even = a white square 
     if ((x + y) % 2 === 0){ 
      // true add hashes to string 
      boardString += ' '; 
     } else { 
      boardString += '#'; 
     } 
    } 
    // newline for each set of hashes 
    boardString += '\n'; 
} 
console.log(boardString); 

Answer 4

ループのConsiseバージョン：

for (var y = 0; y < boardSize; y++) 
 
    for (var x = 0; x < boardSize; x++) 
 
    boardString += ' #'[(x+y) % 2]