switch文とcase節

switch文では、指定した$(1)の結果が各$(2)節に一致する場合、その$(2)節に記述されている処理をswitch文の$(3)、または$(4)文まで順に実行する。

// 問題1. switch文を使って条件分岐を作ってみよう
const colorName = '黄色'
// この下にswitch文を使った条件分岐を書いてください
switch (colorName) {
  case '赤色':
    console.log('red')
    break
  case '青色':
    console.log('blue')
    break
  case '緑色':
    console.log('green')
    break
  case '黄色':
    console.log('yellow')
    break
  case '白色':
    console.log('white')
    break
  case '黒色':
    console.log('black')
    break
  default:
    console.log('その色は登録されていません')
}

// 問題2. 複数のcaseで同じ処理を実行する条件分岐を作ってみよう
const number = 7
// この下にswitch文を使った条件分岐を書いてください
switch (number) {
  case 1:
  case 3:
  case 5:
  case 7:
  case 9:
    console.log('奇数です')
    break
  case 2:
  case 4:
  case 6:
  case 8:
  case 10:
    console.log('偶数です')
    break
  default:
    console.log('1から10の数字を入力してください')
}


// 問題1. switch文を使って条件分岐を作ってみよう
const colorName = '黄色'
// この下にswitch文を使った条件分岐を書いてください

// 問題2. 複数のcaseで同じ処理を実行する条件分岐を作ってみよう
const number = 7
// この下にswitch文を使った条件分岐を書いてください


switch文を使った条件式１

論理積（&&）

論理和（||）

論理否定（!）

論理演算

比較演算子(JavaScript)

大小比較

等価演算子（==）

厳密等価演算子（===）

比較演算

【演習】複数の条件を持つ条件式を作成してみよう

if文

if文と真偽値を使った条件分岐

truthy、falsyの値

if文とtruthy、falsyな値

if文を使った条件分岐

else節

if文とelse節を使った条件分岐

else if

if文とelse ifを使った条件分岐

if文をネストして記述する条件分岐

【演習】複数の条件を満たす処理の問題を解いてみよう

if文と等価演算子を使った条件分岐

if文と論理演算を使った条件分岐

if文の省略記法

if文の省略記法を使った条件分岐

【演習】演算子を使った条件の問題を解いてみよう

三項演算子

三項演算子を用いた条件分岐

switch文とbreak文

switch文とdefault節

switch文

switch文を使った条件式 2

【演習】これまで学んだ条件分岐の問題を解いてみよう

条件に基づくプログラムの流れを制御するための条件分岐を学んでいきます。
if文やswitch文などの基本的な分岐方法を扱い、さまざまなシナリオに対応できる技術を身につけます。

webサイトに動きをつけたり、表示内容を切り替えたり、formの入力を制御するなど様々な処理について学んでいきます