Loop

ループ構造を使用して、コード内で繰り返しの操作を実行します。

概要

ループは、特定の条件が満たされている限り、またはコレクション内のすべてのアイテムに対して、コードブロックを繰り返し実行するための制御フロー構造です。

ループの種類

for ループ

for (let i = 0; i < 5; i++) {
  console.log(i);
}

配列またはイテラブルなオブジェクトを反復処理します：

const items = ['a', 'b', 'c'];
for (const item of items) {
  console.log(item);
}

while ループ

let i = 0;
while (i < 5) {
  console.log(i);
  i++;
}

do...while ループ

let i = 0;
do {
  console.log(i);
  i++;
} while (i < 5);

ループ制御

break ステートメント

ループを途中で抜けます：

for (let i = 0; i < 10; i++) {
  if (i === 5) break;
  console.log(i);
}

continue ステートメント

現在のイテレーションをスキップして、次のイテレーションに進みます：

for (let i = 0; i < 5; i++) {
  if (i === 2) continue;
  console.log(i);
}

配列メソッド

ループの代わりに、配列メソッドを使用することもできます：

forEach

const items = ['a', 'b', 'c'];
items.forEach((item, index) => {
  console.log(index, item);
});

map

const numbers = [1, 2, 3];
const doubled = numbers.map(num => num * 2);

filter

const numbers = [1, 2, 3, 4, 5];
const evens = numbers.filter(num => num % 2 === 0);

reduce

const numbers = [1, 2, 3, 4];
const sum = numbers.reduce((acc, num) => acc + num, 0);

ベストプラクティス

• ループ条件が無限ループにならないことを確認してください
• 大規模なデータセットに対しては、パフォーマンスを考慮してください
• 複雑なロジックの場合は、配列メソッドを使用することを検討してください
• ループ内での副作用を最小限にしてください

関連スキル

• Conditional
• Function
• Array