質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

88.61%

javascript 配列[][]を上から順番に調べていく処理について

解決済

回答 2

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 732
退会済みユーザー

退会済みユーザー

block[0] ~ block[9]まで、100が一つも入っていない列を数える処理なのですが、
なぜ下記のコードで「100がない列」を数えることができるのかイメージできません。
どのタイミングでtrueになってnが増えるのでしょうか?
分かりやすく説明できる方がいれば宜しくお願いします。

<script>
let n = 0;

let block = []; 
for(let i = 0; i < 10; i++) {
    block[i]=[];
    for(let j = 0; j < 10; j++) {
      block[i][j]=100; 
      }
   }

for(let i = 0; i < 10; i++){
    block[3][i] = Math.floor(Math.random()*100);
    //100が一つもない配列 
}

for(let i = 0; i < 10; i++){
    block[5][i] = Math.floor(Math.random()*100);
    block[5][9] = 100;
  //100が1つだけまじっている配列
}


//100が1つもない列がいくつあるを上から調べる
  for (let i = 0; i < 10; i++) {
     sorottenai = false;
     for (let j = 0; j < 10; j++) {
        if (block[i][j] == 100) {
        sorottenai = true;
        }
    }

    if (!sorottenai) {
    // 揃ってる
       n = n + 1;
      }
}

console.log(n); // 1
console.log(block);
</script>


ちなみに本を見ながらテトリス作成中です。
最後の最後のところでつまづきました><

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 2

checkベストアンサー

+2

iが行、jが列を表しているかと思いますので例えばblock[2][5]だと2行5列目の値になります
・・・というのがわかってるのを踏まえてコメント書いておきました。

  // 全行数分ループしてチェックを掛ける
  for (let i = 0; i < 10; i++) {
     // 一行ごとに揃ってないかチェックするので揃ってない(false)で初期化する
     sorottenai = false;
     // ↑のforで行が確定してるのでその行の全列分ループしてチェックを掛ける
     for (let j = 0; j < 10; j++) {
       // 100であるかを見る
       if (block[i][j] == 100) {
         // 100だったので揃ってない(true)にする
         sorottenai = true;
         // ここでbreakしてもいいんだけどまあ結果は同じ
       }
    }

    // 揃ってない(false)かチェック
    if (!sorottenai) {
      // 揃ってる
       n = n + 1;
    }
 }

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2019/02/27 19:58

    回答ありがとうございます。あ、揃ってない時にnが増えるのですね?
    でも、1つだけ100がある列はtrueになりますよね?

    キャンセル

  • 2019/02/27 20:03

    nがどのタイミングで増えるのか、やはりわかりません...。

    キャンセル

  • 2019/02/27 20:03

    はい、なので「100がない列」のときはfalseになって
    if (!sorottenai) {
    // 揃ってる
    n = n + 1;
    }
    でnがたされます(!があるのでそうなります)

    キャンセル

  • 2019/02/27 20:10

    あ~なるほど!わかりました。分かりやすい説明、ありがとうございます。

    キャンセル

+1

<script>
var block = Array(10).fill(null).map(()=>Array(10).fill(null).map(()=>100));
block[3]=Array(10).fill(null).map(()=>Math.floor(Math.random()*100)); //100が一つもない配列 
block[5]=Array(9).fill(null).map(()=>Math.floor(Math.random()*100)).concat(100); //100が1つだけまじっている配列
block[7]=Array(10).fill(null).map(()=>Math.floor(Math.random()*100)); //100が一つもない配列 
var l=block.filter(x=>!x.includes(100)).length; //100が一つもない列数
console.log(l);
</script>

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2019/03/02 11:52

    includesというメソッドもあるのですね。
    これを使った方が簡単でした。
    回答ありがとございます。
    sorottenai = blockState[y].includes(100);

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 88.61%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る