Zenn
📖

ifの入れ子(再入門)

2023/11/11に公開
Next.js
tech

Next勉強中のakariです。本日はif文の入れ子構造とか学びなおしです。

ifの基本文

test.js
let x=10;
if (x>=10){
  console.log('xは10以上です');
}else{
  console.log('xは10未満です');
}

ifの多岐分岐

test.js
let x=15;
if(x>=10){
  console.log('xは10以上です');
} else if(x>=5){
  console.log('xは5以上です');
} else{
  console.log('xは5未満です');
}

//結果はxは10以上です

このように多岐分岐では一番最初に実行されたブロック以降は実行されない。つまり、多岐分岐では、ifの条件式の順序に気をつけるべし。

ifの入れ子構造(ネスト)

test.js
let x=30;
if(x>=20){
  if(x>=30){
    console.log('xは30以上です');
  }else{
    console.log('xは20以上30未満です');
  }
}else{
  console.log('xは20未満です');
}

//結果はxは30以上です

このようにして条件式には気をつける

Discussion