More than 3 years have passed since last update.

【JavaScript】 js　繰り返し文　for / while/ case

Last updated at 2020-07-01Posted at 2020-06-26

##【ゴール】
JavaScriptで使える繰り返し文

##【メリット】
■　javascript理解度向上
■　リーダブルコード実現

##【開発環境】
■ Mac OS catalina
■ Ruby on Rails (5.2.4.2)
■ Virtual Box:6.1
■ Vagrant: 2.2.7

##【コード】

####※1-100まで1つずつ足されていくという処理を例にします。

###while
※（）に条件
※{}に出力処理　＆　加算処理

hoge.js

while(number <= 100){
 console.log(number);
 number ++ ;
}

###for
※forは条件を()内に全て記述、シンプルで◎

hoge.js

for(number = 1; number <= 100; number ++){
 console.log(number);
}

###switch
＊（）に条件記述
＊caseのあとは**「:」(コロン)ダブルコロンじゃない!!**
＊breakで終了
＊defalutはif文のelseと同じ意味

hoge.js

switch(条件){
  case 条件後の値: 
  console.log(‘出力したい文字’); 
  break;
.
.
.
  // default
}

以上!!!
コードライン色付けしてみました!!!

##【合わせて読みたい】
■ 【jQuery】初心者でもよく理解できたやつ
https://qiita.com/tanaka-yu3/items/a03734b248c3f2ee8461

■ 【メソッド集】　rails メソッド　まとめ　基礎　随時追加
https://qiita.com/tanaka-yu3/items/89abad875187494bec53