ray88’s diary

お仕事で困ったとき用の自分用の覚書

JavaScript ループにラベルを付与する

JavaScript 目次 - ray88’s diary
break 文ではもっとも内側のループを中断する、continue 文ではもっとも内側のループをスキップするというルールがあるが、
 ループがネストされている際に外側のループを中断またはスキップしたい際にはループにラベルを付与する。
■サンプルコード①(ラベルを付与していない場合)

function myFunction() {
  for(let i = 1;i <= 3;i++){
    for(let j = 1; j <= 3;j++){
      //iが2かつjも2の場合は繰り返しをブレイク
      if(i === 2 && j === 2){
        break;
      }
      console.log(`iの値:${i},jの値:${j}`);
    }
  }
}


■サンプルコード②(ラベルを付与した場合)

function myFunction() {
  //その側のループにラベルを付与
  outerLoop:
  for(let i = 1;i <= 3;i++){
    for(let j = 1; j <= 3;j++){
      //iが2かつjも2の場合は繰り返しをブレイク
      if(i === 2 && j === 2){
        //ラベル「outerLoop」を付与したループを中断する
        break outerLoop;
      }
      console.log(`iの値:${i},jの値:${j}`);
    }
  }
}