2019.10.01どうも、ぺんしるです。今日はJavaScriptの条件分岐について記載します。条件によって、処理を分けたい場合に利用するのがif文です。○○が▲▲の場合に□□をおこなう、のような処理を記載したい場合に利用します。if文は以下のように記載します。以下の例では、変数aが0の場合にaを1インクリメントしています。複数のif文を組み合わせることも可能です。おこなう、のような複雑な条件分岐処理を記載したい場合に利用します。else文は以下のように記載します。以下の例では、変数aが0の場合にaを1インクリメント、変数aが1の場合にaを1デクリメント、変数aが0でも1でもない場合は、変数aに100を代入しています。100;}if文のネストif文はネストすることもできます。else文は、以下と同じ意味になります。}}ただし、ネストを多用すると可読性が落ち不具合につながるので、多用は避けたほうがよいです。省略if文はいくつか簡略化した書き方ができます。ここでは、その書き方をご紹介しますね。{}括弧の省略if文の処理が1行の場合、{}を省略することができます。//処理}確実に1行で済むような処理の場合には、省略して書きます。1行で書く書き方をワンライナーと呼びます。//処理この書き方ができるのは処理が1行の場合のみです。処理が複数行の場合には使用できません。正確に言うと、複数行ある場合には先頭の1行しかif文内で処理されません。そのため、以下のように書いた場合には、処理Aしかif文内では処理されずに、処理Bはif文の条件への合致可否にかかわらず、実行されます。//処理Bこのような背景もあるため、省略文は不具合を生む可能性があります。確実に処理が1つしかない場合にしか使用しないほうが良いです。ぺんしるの場合は、処理が複数になりそうな場合には、{}括弧付きで書いています。三項演算子の利用if文は三項演算子を使用して簡略化することができます。変数aが0の場合には変数bに1を代入、変数aが0以外の場合には変数bに2を代入する式は、if文と三項演算子では以下のように記載することができます。2;三項演算子を使用したほうが、行数が少なくすっきりしたコードになりますね。判断する場合は、以下のような省略した書き方がよく使われます。trueの部分の記載を省略して書くこともできます。//処理}変数aがtrueではない場合は、以下のように変数aの前に!を記載します。//処理}switch文if文以外にも、条件によって処理を振り分ける記載方法があります。それがswitch文です。それ以外の場合は変数bに100を代入しています。1つのcaseの終わりには、必ずbreak句を入れて処理を抜けてください。breakを入れないと次のcaseの処理が呼ばれることになります。break;}上記式をif文で記載すると、以下になります。どちらも同じ結果になります。100;}と書くと、以下の疑問が生まれるかもしれません。エンジニアifとswitchの使い分けは?ぺんしる以下の例を見てください。if文よりswitch文のほうが可読性があることが分かるかと思います。ifが複数あると見づらいですよね。ifが少ない場合はif文を利用、と理解しておくとよいです。break;}仕事で開発者のコードレビューすることがよくありますが、switch文はあまり使われていません。if文で書けるのであればif文で書く、という開発者が多いのが現状ではと感じます。最後にいかがでしたか?不明点があれば、遠慮なくこちらから質問くださいね。プログラム初心者の方には、以下の本が分かりやすくて参考になりますよ。よかったら、見てみてくださいね。コピーぺんしるをフォローするぺんしるぺんしるブログ関連記事JavaScriptJavaScriptの文字列の検索処理はい、ぺんしるです。JavaScriptの文字列の検索方法について説明していきます。検索というと分かりづらいかもしれませんが、文字列に特定の文字が含まれるかを判定する処理のことです。2019.11.10JavaScriptJavaScriptの記載場所どうも。今日は、こういった疑問に答えます。2019.11.10JavaScriptJavaScriptのStringクラスこんばんわ、ぺんしるです。JavaScriptのStringクラスのメソッドって沢山あって覚えきれないですよね。今日は、Stringクラスのメソッドをまとめたので、ご参考くださいね。解説していきますね(^...2019.10.28JavaScriptJavaScriptの文字列の切り出し処理こんばんわ、ぺんしるです。業務をしていると、文字列の中の特定の文字だけ抽出したい場合がよくあります。最初の1文字とか1文字目から3文字目とかです。2019.11.10JavaScriptJavaScriptのtry...catch処理と例外処理はい、ぺんしるです。今日は以下の質問に答えていきたいと思います。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。スポンサーリンクプロフィールぺんしる都内で働く肩こり症なエンジニア。F欄大学卒業後に、社員数50人の小企業に入社。プレイングマネージャーをしています。F欄大学卒業後に、社員数50人のブラック小企業に入社。資産運用でFX/wealthnavi/NISA/仮想通貨を実践。投資プロフィール質問はこちらホーム検索トップサイドバースポンサーリンクプロフィールぺんしる都内で働く肩こり症なエンジニア。F欄大学卒業後に、社員数50人の小企業に入社。プレイングマネージャーをしています。F欄大学卒業後に、社員数50人のブラック小企業に入社。資産運用でFX/wealthnavi/NISA/仮想通貨を実践。takazlockタイトルとURLをコピーしました。