Skip to content

[JavaScript]複数の分岐を組み合わせたパターン【条件分岐】

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

条件分岐を組み合わせ、複雑な条件にも応えられるようにする。その代わり、複雑なコードになりやすい。

文字列と数値の判定、数値判定、年齢判定#

覚えたてのif文を組み合わせて記入した場合のJavaScript。

将来的には同じような処理や余計な処理は関数にまとめて、、、など覚えることはまだまだありますが、一旦は力技でも動くものを作ることが大切です。

下記のコードは様々なパターンで年齢を判定していますが、考慮すべき箇所はまだまだあります。
しかし、こうした基礎を覚えること、動かすことがまずは重要なためここに記述させていただきます。

let text = prompt('年齢を入力してください');
if (!isNaN(text)) {
  let age = parseInt(text);
  if (age >= 0 && age < 20) {
    console.log('未成年です');
    if (age >= 6 && age <= 15) {
      console.log('(義務教育期間です)');
    }
  } else if (age >= 20 && age < 65) {
    console.log('成人です');
  } else if (age >= 65 && age < 200) {
    console.log('高齢者です');
  } else {
    console.log('正しい数値を入力してください');
  }
} else {
  console.log('半角数字で正しい数値を入力してください');
}

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

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

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

プライバシーポリシー

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

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

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

Recommendation

るり

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

るり

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

るり

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