JavaScriptのfor文が上手く回りません。マインスイーパーを作成中

Question

JavaScriptの初歩的な問題かもしれませんが、今回自分なりに調べた結果初めの地雷の配置部分のfor文が上手く回っていないことに気がつきました。
ソースコードを載せておきます。分かる方がいらっしゃいましたら、教えていただけたらとても嬉しいです。

コード
//変数の設定
const MS_SIZE=8;//マインスイーパーのサイズ
var i,j;
var tate,yoko;
const number_of_mines=8;//地雷の数

// 配列を用意
var cell = new Array(MS_SIZE);
for(i=0; i<MS_SIZE; i++){
  cell[i] = new Array(MS_SIZE);
}
for(i=0; i<MS_SIZE; i++){
  for(j=0; j<MS_SIZE; j++){
    cell[i][j]=0;
  }
}

//地雷を配置
for(i=0; i<number_of_mines; i++){
  tate=Math.floor(Math.random()*(number_of_mines+1));
  yoko=Math.floor(Math.random()*(number_of_mines+1));

  if(cell[yoko][tate]!=-1){
    cell[yoko][tate]=-1;
  }
  else{
    i--;
  }
}
//デバック用
for(i=0; i<MS_SIZE; i++){
  for(j=0; j<MS_SIZE; j++){
    document.write(cell[i][j]+"  ");
  }
  document.write("<br>");
}

//地雷の周囲
for(yoko=0; yoko<MS_SIZE; yoko++){
  for(tate=0; tate<MS_SIZE; tate++){
    if(cell[yoko][tate]==-1){
      for(i=-1; i<2; i++){
        for(j=-1; j<2; j++){
          if(cell[yoko+i][tate+j]!=-1 && yoko+i<MS_SIZE && yoko+i>=0 && tate+j<MS_SIZE && tate+j>=0){
            cell[yoko+i][tate+j]++;
          }
        }
      }
    }
  }
}
//デバック用
for(i=0; i<MS_SIZE; i++){
  for(j=0; j<MS_SIZE; j++){
    document.write(cell[i][j]+"  ");
  }
  document.write("<br>");
}

Comments

[ozwk]

何が問題なんですか？

[oika77]

地雷を配置する部分のfor文が上手く回らないせいで、毎回違う結果が出るのです。

[ozwk]

そりゃrandom使ってるから地雷の配置は毎回違うでしょ？
そういうことでなく？

[退会済みユーザー]

どうでもよいことかもしれないけれど、表示するときに縦と横が逆ではないか？

[oika77]

ozwkへ
そんな馬鹿げた質問するわけないじゃないですか笑笑
要するに地雷配置が毎回1個だけだったり、7個になったり、３個になったりするんです。

[oika77]

hai_haiへ
質問ありがとうございます。
あまり効果はないみたいです。

Answer 1

ほいよっ！

改行はしているけれど、一行で書いてあるから。
あとはこれをショートコーディングすると、更に何文字か短くなるよ！笑笑

S=8,B=8,F=(m=>document.write(m.map(a=>a.map(b=>0<=b?b:'*').join(' ')).join('<br>')+'<hr>')),
M=Array(S*S).fill(0).fill(-1,0,S).sort(_=>Math.random()-.5),//マップ基本作成
M=Array(S).fill(0).map(_=>M.splice(-S)),//マップ作製
D=[-1,0,1].reduce((a,b,_,c)=>c.reduce((d,e)=>(b|e?[...d,[b,e]]:d),a),[]),//探す方向
P=M.reduce((a,b,y)=>b.reduce((c,_,x)=>(M[y][x]<0?[...c,[y,x]]:c),a),[]),//爆弾の位置
f=[...(new Set(P.reduce((a,[b,c])=>D.reduce((d,[e,f])=>([...d,[b+e,c+f]]),a),[]).filter(([y,x])=>0<=x&&0<=y&&x<S&&y<S))).values()],//爆弾の周囲の座標の重複削除
F(M),
f.forEach(([y,x])=> 0>M[y][x]||M[y][x]++),//点数計算
F(M);

爆弾を置くときに、縦と横のランダムに爆弾の数を掛けてはだめ！
たぶん
if(i|j) ...
が味噌かな？

できるならあんまりネストしない方法を！

//変数の設定
const MS_SIZE=8;//マインスイーパーのサイズ
var i,j;
var tate,yoko;
const number_of_mines=8;//地雷の数

// 配列を用意
var cell = new Array(MS_SIZE);
for(i=0; i<MS_SIZE; i++){
  cell[i] = new Array(MS_SIZE);
}
for(i=0; i<MS_SIZE; i++){
  for(j=0; j<MS_SIZE; j++){
    cell[i][j]=0;
  }
}

//地雷を配置
for(i=0; i<number_of_mines; i++){
  tate=Math.floor(Math.random()* MS_SIZE);
  yoko=Math.floor(Math.random()* MS_SIZE);

  if(cell[yoko][tate]!=-1){
    cell[yoko][tate]=-1;
  }
  else{
    i--;
  }
}
//デバック用
for(i=0; i<MS_SIZE; i++){
  for(j=0; j<MS_SIZE; j++){
    let n = cell[j][i];
    document.write(n <0 ? ' * ': ' ' + n + ' ');
  }
  document.write("<br>");
}
document.write("<hr>");

//地雷の周囲
for(yoko=0; yoko<MS_SIZE; yoko++){
  for(tate=0; tate<MS_SIZE; tate++){
    if(cell[yoko][tate]==-1){
      for(i=-1; i<2; i++){
        for(j=-1; j<2; j++){
          if (i|j) {
            let
              x = yoko + i,
              y = tate + j;
            
            if (0 <= x && x < MS_SIZE) {
              if (0 <= y && y < MS_SIZE) {
                let n = cell[x][y];
                if (-1 !== n)
                  cell[x][y]++
              }
            }
          }
        }
      }
    }
  }
}
//デバック用
for(i=0; i<MS_SIZE; i++){
  for(j=0; j<MS_SIZE; j++){
    let n = cell[j][i];
    document.write(n <0 ? ' * ': ' ' + n + ' ');
  }
  document.write("<br>");
}

Comments

[oika77]

ちなみにif(i|j)とはどういう意味でしょうか

[退会済みユーザー]

だからそれを考えなさいな

[oika77]

なんども回答ありがとうございました。後から教えていただいた、ソースコードはよくわからなかったですが、最初の回答がとても参考になりました。

Answer 2

hai_haiさんにも教えていただきましたが、自分なりにも解決しましたので、載せておきます。
まず第一はnumber_of_mines+1という部分をnumber_of_minesに変更して、
第二は、cell[yoko+i][tate+j]!=-1 && yoko+i<MS_SIZE && yoko+i>=0 && tate+j<MS_SIZE && tate+j>=0という部分がどうやら問題らしくて、なるべく１つのif文に&&を少なくするといいみたいです。

だから今回は

コード
if(yoko+i<MS_SIZE && yoko+i>=0 && tate+j<MS_SIZE && tate+j>=0){
   if(cell[yoko+i][tate+j]!=-1){
.......

という感じで分割してみたところ、上手くいきました。