【F】forEachで反復処理
この記事は、ADVENTAR 『"Alphabet reg." Web develop Advent Calendar 2023』 05日目の記事です。
/icons/hr.icon
配列の各要素でループするやつ、for文よりforEachのほうが見やすいまである
old
code:script.js
for (let i = 0; i < arr.length; i++) {
// Expected Log Outputs :
// 1. "apple"
// 2. "lemon"
// 3. "orange"
}
for文、地味に読みづらいよね
new
code:script.js
arr.forEach(element => {
console.log(element);
// Expected Log Outputs :
// 1. "apple"
// 2. "lemon"
// 3. "orange"
});
比較的見やすいし簡潔に書ける。
なお、Array.prototype.forEach()は実行順序が前からであることが保証される。
n〜mまでの数値でループ
code:script.js
// Expected Log Outputs :
// 1. 0
// 2. 1
// 3. 2
// 4. 3
// 5. 4