JavaScript for文のループ処理について解説 繰り返し処理を書く
こんにちは、完全独学でプログラミング勉強中のさとさんです。
html,css,jsと一通り勉強してみたけど、ほぼ忘れてしまうので困っています。
なので、とりあえずは繰り返し勉強中の内容をバラバラではありますが、
アウトプットしていきます。
今日は
繰り返し処理の
１、for
２、while (while do...while)
３、forEach
をまとめていきます。
１、for
一言で言うと、決められた回数だけ処理を繰り返す処理です
forの基本
for ( 初期値； 条件式； 加算式) {
繰り返し処理を書く
}
3つの引数を与えてあげるのが一般的です。
1 初期値 ; どこから始めるか、何番目から。
（例）0から始まって let i = 0;
2 条件式；どこまで繰り返す、何回まで。
（例）5回まで i < 5;
3 加算式 ; 何個ずつ
（例）1個ずつ i++
構文
for(①let i =0; ②i < 5; ③i++)
console.log(i);
実行結果
- 0
- 1
- 2
- 3
- 4
for文のループ処理を途中で抜ける
繰り返しの途中で処理を中断してループ処理を抜ける
continueとbreakを使って処理を抜けます。
continue 繰り返し処理の最中に特定のタイミングだけ処理を実行させないとか。偶数だけとか。5だけとか。 3だけスキップとか。
使い方
3だけスキップ
構文
for(let i = 0; i <= 5; ++i){
if(i === 3) continue;
console.log(i);
}
実行結果3
0
1
2
4
5
3が表示されずに、４から表示された。
break 繰り返しの途中で処理を中断する
10回のループ処理の5回目で処理を抜けたり、特定の値にマッチした際に処理を抜けることが可能です。
使い方
4からは表示されない
構文
for(var i = 0; i <= 5; ++i){
if(i === 4) break;
console.log(i);
}
実行結果
0
1
2
3
4以降処理を中断する
２、while
1 while 2 do...while
while文とよく似た機能を持つ「do...while文」について学習します。
1 while
指定した条件が満たされている間、特定の処理を繰り返す。
構文
while( 条件式 ) {
//繰り返し処理
}
2 do...while
一旦繰り返し処理を行う。その後に条件式を評価する。
構文
do {
//繰り返し処理
} while( 条件式 );
３、forEach
配列時のfor文を簡単にする。
構文
var array = [配列データ];
array.forEach( コールバック関数 )
ちなみに、breakやcontinueは使えない。
コールバック関数・・・関数の引数に別の関数を指定する処理とか。
あの処理が終わった後に、この関数を実行したい。
引数として3つの値を受け取ることができる。
value: 配列の値
index 配列の番号
array 現在処理している配列
今日は、JavaScriptのループ処理について勉強しました。
それではまた、来週か再来週！！
