JavaScript での配列のループ処理は基本的な操作であり、データ操作、反復、要素への関数の適用に不可欠です。このガイドでは、配列をループしてコーディング スキルを向上させる効率的な方法について説明します。
JavaScript には、配列を走査するためのメソッドがいくつか用意されており、それぞれに独自の特性と使用例があります。これらのメソッドを詳しく調べてみましょう。
目次
1. forEach() メソッドの使用
の forEach() メソッドは、配列内の各要素をループすることによって、その要素のコードを実行するために使用されます。
構文：
array.forEach( arrayElement =>{ // 実行するコード行 });>>例： この例では、forEach() メソッドを使用して配列をループし、値を出力します。
JavaScript
function loopArray() { let arr = ['Item 1', 'Item 2', 'Item 3', 'Item 4', 'Item 5']; arr.forEach(element =>{ console.log(要素); });ループ配列();>> 出力
Item 1 Item 2 Item 3 Item 4 Item 5>
2. for…of ステートメントの使用
の の ステートメントを使用すると、反復可能なオブジェクトをループし、必要な機能を実行できます。反復可能なオブジェクトには、配列、文字列、その他の配列のようなオブジェクトが含まれます。
int を string に変換する
構文：
for (arrayElement of array) { // Lines of code to execute }>例： この例では、for..of ステートメントを使用して配列をループし、値を出力します。
JavaScript function loopArray() { let arr = ['Item 1', 'Item 2', 'Item 3', 'Item 4', 'Item 5']; for (element of arr) { console.log(element); } } loopArray();> 出力
Item 1 Item 2 Item 3 Item 4 Item 5>
3. 基本的な for ループの使用
デフォルト for ループ を使用して配列を反復処理することができ、各要素にはそれぞれのインデックスによってアクセスできます。
構文：
for (i = 0; i // Lines of code to execute }>
例： この例では、for ループを使用して配列をループし、値を出力します。
JavaScript function loopArray() { let arr = ['Item 1', 'Item 2', 'Item 3', 'Item 4', 'Item 5']; for (i = 0; i < arr.length; i++) { console.log(arr[i]); } } loopArray();> 出力
Item 1 Item 2 Item 3 Item 4 Item 5>
4. While ループの使用
あ While ループ で JavaScript は、指定されたブール条件に基づいてコードを繰り返し実行できるようにする制御フロー ステートメントです。 while ループは配列を反復処理するために使用されます。
例： この例では、 While ループ 。
JavaScript function loopArray() { let arr = ['Item 1', 'Item 2', 'Item 3', 'Item 4', 'Item 5']; let length = arr.length; while (length>0) { console.log(arr[arr.length - length]); 長さ - ; ループ配列();>> 出力
Item 1 Item 2 Item 3 Item 4 Item 5>
5. for…in ステートメントの使用
の のために..で ステートメントを使用してオブジェクトをループすることができ、各キーにアクセスしてその隠された値を探索することでオブジェクトのプロパティを 1 つずつ明らかにすることができます。
構文：
for (let index in array) { // Access the element using array[index] }>例： この例では、for..in ステートメントを使用して配列をループし、値を出力します。
JavaScript function loopArray() { let arr = ['Item 1', 'Item 2', 'Item 3', 'Item 4', 'Item 5']; for (let index in arr) { console.log(arr[index]); // Access the element using its index } } loopArray();> 出力
Item 1 Item 2 Item 3 Item 4 Item 5>
JavaScript の配列反復手法は、効果的なデータ処理に不可欠です。このガイドでは重要性と前提条件を紹介し、詳細な方法を説明するための準備を整えます。実践的なアプリケーションに焦点を当てることで、JavaScript の習熟度を高め、コードの効率を高めることができます。