Summary  
This chapter demonstrates how to use loops—particularly for loops—to iterate through arrays by index using the length property, enabling printing each element and performing bulk updates on array values.

General domain of usage  
Data processing

ループを使用することで、配列のすべてまたは特定の要素を効率的に処理可能。

例えば、forループを使って配列のすべての要素を順に処理し、出力することが可能。

let numbers = [1, 1, 2, 3, 5, 8, 13, 21];

for(let i = 0; i < numbers.length; i++) {
  console.log("Element " + (i + 1) + " of the array is: " + numbers[i]);
}

配列内の複数の要素に対して操作を行う必要がある場合に特に有用。

let numbers = [1, 1, 2, 3, 5, 8, 13, 21];

console.log("Before:", numbers);
for(let i = 0; i < numbers.length; i++) {
  numbers[i] *= 2;
}
console.log("After:", numbers);

この目的には `while` や `do-while` ループも使用できますが、一般的な方法ではありません。

let numbers = [1, 1, 2, 3, 5, 8, 13, 21];

console.log("Before:", numbers);
let i = 0;
while(i < numbers.length) {
  numbers[i] *= 2;
  i += 1;
}
console.log("After:", numbers);

同じ結果は `while` や `do-while` ループでも得られますが、配列を反復処理する場合は、慣例的で可読性が高いため `for` ループの使用が推奨されます。

次のコードはどのような出力になりますか？

次のコードは元の配列を変更しますか？

フロントエンド開発で最も人気のある言語、JavaScriptの世界に飛び込みましょう。JavaScriptはほぼすべてのブラウザに組み込まれており、さまざまなタスクに利用できます。基本的な機能を学び、課題やより高度なプログラミング技術に備えましょう。

JavaScriptの基本構文、主要な用語や概念について紹介し、上級機能を学ぶための基礎を築きます。このセクションでは、これらの概念を実践的に学び、無理なく内容を記憶できるようにするためのハンズオン課題も含まれています。

変数を使用してデータを保存し、後で取得する方法を学びます。さらに、基本的なデータ型を調査し、それらがどのように相互作用するかを理解します。

条件に基づいて「true」または「false」と評価される式の書き方を学びます（例：「XはYと等しいか？」）。その後、特定のコード行を条件付きで実行できる条件文について探求します。

関数と呼ばれる強力なプログラミング機能は、最小限の繰り返しでコードのブロックを複数回実行することを可能にします。本セクションでは、関数を効果的に定義および使用するための基本的な概念と構文を紹介します。


配列の概念は、データの集合を整理および管理する方法として紹介されます。本教材では、配列がデータをどのように構造化し、複数の値に対して効率的な操作を可能にするかを解説します。


ループは、冗長性を減らし、繰り返しの作業を効率的に処理するために使用されるプログラミングの基本的な機能です。本コンテンツでは、JavaScriptにおける3つの主要なループの種類、それぞれの構文、使用例、および配列と組み合わせて操作を効率化しパフォーマンスを向上させる方法について解説します。

配列でのループの使用

1. 次のコードはどのような出力になりますか？

2. 次のコードは元の配列を変更しますか？