この記事は私のJavascriptに対する認識であり、私自身が同じことを何度も調べていて、正直面倒くさいからまとめてみているだけのものです。
なので、必ずしも正しい内容が書かれているとは限りません。
記載されている内容に誤りがありましたら、ご指摘頂けると幸いです。
あなたの一言が私を成長させます。
条件分岐
とある条件を満たした場合は○○をする、満たしていない場合は△△する、などの分岐を作る方法。
プログラミングをする上で重要なものだと思う。
| if文 | 条件式の真偽によって処理を分ける |
| switch文 | 条件式の値によって処理を分ける |
| 条件(三項)演算子 | if文を簡易表記する方法？(よくわからない) |
if文
なんだかんだで使い勝手の良いもの。なんでもかんでもif文で片付けちゃう気がする。
基本の形
|
1 2 3 |
if ( 条件式 ) { true の時の処理; } |
else
|
1 2 3 4 5 |
if ( 条件式 ) { true の時の処理; } else { false の時の処理; } |
ネスト(入れ子)バージョン
|
1 2 3 4 5 6 7 8 9 10 11 |
if( 条件式1 ) { if( 条件式2 ) { 条件式1:true ⇒ 条件式2:true の時の処理; } else { 条件式1:true ⇒ 条件式2:false の時の処理; } else { if( 条件式2 ) { 条件式1:false ⇒ 条件式2:true の時の処理; } else { 条件式1:false ⇒ 条件式2:false の時の処理; } |
else if
|
1 2 3 4 5 6 7 |
if ( 条件式1 ) { true 処理; } else if ( 条件式2 ) { 条件式1:false ⇒ 条件式2:true の時の処理; } else { 条件式1:false ⇒ 条件式2:false の時の処理; } |
else if は何回でも積み重ねられる。積み重ねすぎると意味がわからなくなる。
条件式の書き方
答えが true か false になる式なら、なんでもOK。
|
1 2 3 4 5 6 |
let test = 10; if ( test < 10 ) {...} if ( test === 10 ) {...} if ( test > 5 && test < 15 ) {...} if ( test < 5 || test > 15 ) {...} |
上記以外にもNOT演算子とか色々使える。
switch文
条件の値で、処理を分ける時に使う。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
switch ( 条件 ) { case 値1 : 処理1; break; case 値2 : 処理2; break; default : 処理3; break; } |
switchの後の丸括弧（）に条件となる式を入れる。
波括弧｛｝の中に、分岐基準になる値を、case に続けて記述する。
※値が“文字列”の場合は引用符で囲む。
分岐後の処理の最後は break; で締める。
どの値にも一致しない場合は、default が実行される。
例
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
var weather = '晴れ'; switch ( weather ) { case '晴れ': console.log( '今日は晴れ！' ); break; case 'くもり': console.log( '今日はくもり！' ); break; case '雨': console.log( '今日は雨！' ); break; default: console.log( '今日の天気はわからん！' ); break; } |
変数 weather の値によって出力処理を変える。
weather が予定していたものと違う場合は、default が選ばれる。
分岐が３つ以上ある時は switch文を使った方が読みやすいコードになりそう。
条件(三項)演算子
|
1 2 3 4 5 |
if ( 条件式 ) { trueの時の処理; } else { falseの時の処理; } |
|
1 |
条件式 ? true処理 : false処理 |
上記２つは同じ意味？
正直まだよくわかってない。。。
その他Javascriptの自分メモ
Javascript自分メモ（変数編）
この記事は私のJavascriptに対する認識であり、私自身が同じことを何度も調べていて、正直面倒くさいからまとめてみているだけのものです。なので、必ずしも正しい内容が書かれているとは限りません。記載されている内容に誤りがありましたら、...
oinari-hotekichi.com
2020.03.16
Javascript自分メモ（演算子編）
この記事は私のJavascriptに対する認識であり、私自身が同じことを何度も調べていて、正直面倒くさいからまとめてみているだけのものです。なので、必ずしも正しい内容が書かれているとは限りません。記載されている内容に誤りがありましたら、...
oinari-hotekichi.com
2020.03.18
コメント