Skip to content

[JavaScript]3段階、分岐の中に分岐、複数の組み合わせ【条件分岐】

ma-san
ma-san(鈴木正行)

条件分岐には様々なパターンがあるため、代表的なパターンを記述しておきます。

3段階以上分岐したい場合#

複数の条件分岐を書きたい場合は「else if」を使う。
条件分岐は必ずしも「この場合」と「この場合以外」だけではなく、あのときとそのときとあれもこれもと分岐したい場合がある。

else if を使うことで複数の条件を追加することが可能になります。

let text = prompt('年齢を入力してください');
let age = parseInt(text);
if (age < 20) {
  console.log('未成年です');
} else if (age < 65) {
  console.log('成人です');
} else if (age >= 65) {
  console.log('高齢者です');
} else {
  console.log('半角数字で数値を入力してください');
}

分岐の中に分岐がある場合#

分岐した先で更に分岐する、ということも十分あります。
その場合はif文の中に更にif文を書くことも可能です。

if文にif文を書くことも可能です。下記の場合は数値でと判断できた場合に更にif文で分岐させるという書き方になります。
前途のコードのほうがわかりやすいかもしれませんが、より複雑な条件分岐の場合はelse ifのみでは処理を書き切ることは困難になっていきます。

let text = prompt('年齢を入力してください');
if (!isNaN(text)) {
  let age = parseInt(text);
  if (age < 20) {
    console.log('未成年です');
  } else {
    console.log('大人です');
  }
} else {
  console.log('半角数字で数値を入力してください');
}

複数の比較式がある場合#

条件式の中にも複数の比較式を組み合わせることが可能。

条件式の中に複数の比較式を組み合わせる必要が有る場合もあります。前途のコードでは「ここ以上」「ここ以下」という一方通行の比較式でしたが「ここからここまで」という式にしたいときは下記のようなコードになります。

let text = prompt('数値を入力してください。');
let age = parseInt(text);
if (age >= 10 && age <= 19) {
  console.log('10代');
}

お仕事・当サイトへ興味を持っていただいた方

お問い合わせはこちらから

お問い合わせを頂く際はご確認ください

プライバシーポリシー

ma-san(鈴木正行)
テクニカルディレクター / Webデザイナー

「ma-san web design」の管理者。東京都・千葉県(千葉市・四街道市・浦安市・佐倉市)・宮城県(仙台市)を中心に企業のWebデザイン/マーケティング/IT戦略のプランニングからWebサイト構築・運用をしています。
Webアクセシビリティ」を中心に、「変わりゆくWebと共にサービス・サイトを改善していくこと」を重視します。
当サイトではお仕事のご相談からナレッジシェアを中心に活動していきます。

るり
気軽にご相談ください。
千葉県四街道市を中心に、Webサイト制作を通じてサポートいたします。
Accessible Web Design.

Recommendation

るり

Webアクセシビリティの重要性について 当サイトが最も注力したい「Webアクセシビリティ」について、ぜひ多様な方々と共に学びながら充実化させ、普及活動に勤しみたいと考えています。

るり

初めて依頼を検討している方 初めてWebサイト制作を依頼する方へ。Webサイトを作りたいと思ったときに参考にしていただけると幸いです。

るり

Webサイトの基本 サーバーの準備からドメイン契約。Webサイトに必要なデータや情報を一通り纏めることで初めてWebサイト制作に携わる方々の学習の一助になれば幸いです。