【javascript】テトリスの作成に向けて

javascriptでのテトリス作成において必要になった知識をまとめていきます。

ランダムな整数値の生成

これでmin以上max以下の整数を得られる

function getRandomIntInclusive(min, max) {
  min = Math.ceil(min);
  max = Math.floor(max);
  return Math.floor(Math.random() * (max - min + 1)) + min; //The maximum is inclusive and the minimum is inclusive 
}

出典：Math.random()

多重ループを抜け出す

ラベルをつけることでループを抜け出せる

var grid = [
  [1, 2, 3],
  [4, 5, 6],
  [7, 8, 9]
];

function validate(value) {
  return value !== 5;
}

grid_loop:
for (var row = 0; row < grid.length; row++) {
  for (var col = 0; col < grid[row].length; col++) {
    var value = grid[row][col];
    console.log(value);
    if (!validate(value)) {
      break grid_loop;
    }
  }
}

出典：JavaScriptで2重ループをbreakする

配列の中で最大値を見つける

var arr = [1,2,3];
var max = arr.reduce(function(a, b) {
    return Math.max(a, b);
});

出典：Math.max()

スプレッド構文

var arr = [1, 2, 3];
var max = Math.max(...arr);

出典：Math.max()

スプレッド構文により、イテラブルである配列を展開している

配列内を検索する

Array.prototype.includes()

配列内を検索して真偽値を返す