これは、オンラインプログラミング学習サービス「ウェブカツ!!」にて、
javascript・jQuery部中級のオンライン学習で使用しているコードになります。
1.10.制御文について
1.10.1.条件分岐
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
// if文 var str = '1'; if(str == 1){ console.log('1です'); }else if(str == 2){ console.log('2です'); }else{ console.log('それ以外です'); } // else ifが多い場合はswitchを使うと見やすい switch(str){ case 1: console.log('1です'); break; case 2: console.log('2です'); break; default: console.log('それ以外です'); break; } // caseの最後にbreak;をつけないと後続の条件判定もしてしまうので、基本は必ずつける |
1.10.2.繰り返し処理
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 |
// whileとdo while var num = 1; while(num < 10){ console.log(num); num++; } num = 1; do{ console.log(num); num++; }while(num < 10); // do~whileは必ず１回は実行される // どちらも条件によっては「無限ループ」といって、無限にループする処理に陥る場合があるので注意！ // while(num == 10){ // console.log('君を愛してる。'); // } // for文 for(var i = 1; i < 10; i++){ console.log('これは' + i + '回目の浮気だから許して！'); } // for in // 配列の１個１個のキーを取り出してくれる var arr = ['HTML', 'CSS', 'javascript', 'PHP', 'ネットワーク・サーバー・セキュリティ', '営業', '起業']; for(var key in arr){ console.log('ウェブカツで学ぶのは' + key + 'です。'); } // キーしか取れないので、値を取得したいならこう使う for(var key in arr){ console.log('ウェブカツで学ぶのは' + arr[key] + 'です。'); } // 連想配列の場合 var arr = { lesson1: 'HTML', lesson2: 'CSS', lesson3: 'javascript', lesson4: 'PHP' }; for(var key in arr){ console.log('ウェブカツで学ぶのは' + key + 'です。'); } for(var key in arr){ console.log('ウェブカツで学ぶのは' + arr[key] + 'です。'); } // オブジェクトの場合 var obj = new Object(); obj.lesson1 = 'HTML'; obj.lesson2 = 'CSS'; obj.lesson3 = 'javascript'; for(var key in obj){ console.log('ウェブカツで学ぶのは' + key + 'です。'); } for(var key in obj){ console.log('ウェブカツで学ぶのは' + obj[key] + 'です。'); } // break for(var i = 1; i < 10; i++){ console.log('これは' + i + '回目の浮気だから許して！'); if(i == 3){ console.log('（ゴスッ!!!!!!!）'); break; // 強制的にループを抜ける } } // continue for(var i = 1; i < 10; i++){ if(i == 3){ continue; // スキップして次のループへ } console.log('これは' + i + '回目の浮気だから許して！'); } |
