JavaScriptでfor文を使ってループ処理する方法について解説します。
for文とは、繰り返し処理を実行するためのJavaScriptの構文です。また、JavaScriptだけでなく、ほとんどのプログラミング言語に実装されている構文でもあります。
for文の構文
for ( カウンタ変数定義と初期化 ; 繰り返し回数の指定 ; カウンタ加算幅 ){
// 実際に実行する処理
}
for文の使用例
基本的なプログラム
for (let i = 0; i < 5; i++) {
console.log(i);
}
配列のループ
let samples = ["test1", "test2", "test3"]; // 長さが３の配列
for (let i = 0; i < samples.length; i++) {
console.log( samples[i] );
}
for…in 文の使用例
配列またはオブジェクトをループで実行できる。
<script type=”text/javascript”>
var obj = {
“name”: ‘test1’,
“age”: 30
}
for(let v in obj) {
console.log(v,obj[v]);
}
</script>
var obj = {
“name”: ‘test1’,
“age”: 30
}
for(let v in obj) {
console.log(v,obj[v]);
}
</script>
for…of 文の使用例
配列をループで実行できる。しかし、オブジェクトがループできない。
配列
<script type=”text/javascript”>
var arr1 = [‘test1’, ‘test2’, 30, true];
for (let v of arr1) {
console.log(v);
}
</script>
var arr1 = [‘test1’, ‘test2’, 30, true];
for (let v of arr1) {
console.log(v);
}
</script>
文字列
<script type=”text/javascript”>
var str1 = ‘test’;
for (let v of str1) {
console.log(v);
}
</script>
var str1 = ‘test’;
for (let v of str1) {
console.log(v);
}
</script>
forEach メソッド
forEach メソッドは配列に含まれる要素を先頭から順に取り出しコールバック関数を呼び出します。
配列名.forEach( コールバック関数(要素の値) ) 配列名.forEach( コールバック関数(要素の値, 要素のインデックス) ) 配列名.forEach( コールバック関数(要素の値, 要素のインデックス, 配列) )
