JavaScript では配列を走査する方法がたくさんあり、ニーズや使用シナリオに応じて適切な方法を選択してください。
- for ループの使用:
従来の for ループを使用して配列を反復処理し、インデックスによって配列にアクセスできます。
const arr = [1, 2, 3, 4, 5];
for (let i = 0; i < arr.length; i++) {
console.log(arr[i]);
}
- forEach メソッドの使用:
配列の forEach メソッドは、配列を反復処理するための簡潔な方法を提供し、パラメータとしてコールバック関数を受け取り、配列の各要素に対してコールバック関数を実行します。
const arr = [1, 2, 3, 4, 5];
arr.forEach((item) => {
console.log(item);
});
- for...of ループを使用する:
for...of ループは ES6 で導入された配列を走査する方法で、インデックスを使用せずに配列内の要素値を直接走査できます。
const arr = [1, 2, 3, 4, 5];
for (const item of arr) {
console.log(item);
}
- マップ メソッドの使用:
配列のマップ メソッドは配列を走査し、各要素を処理のためにコールバック関数に渡し、新しい配列を返すことができます。
const arr = [1, 2, 3, 4, 5];
const mappedArray = arr.map((item) => {
return item * 2;
});
console.log(mappedArray);
- 他の高階関数を使用する:
JavaScript には、特定の配列の走査や操作のニーズに使用できる、filter、reduce、some、every などの多くの高階関数が用意されています。
const arr = [1, 2, 3, 4, 5];
// 使用 filter 方法筛选出偶数
const evenNumbers = arr.filter((item) => item % 2 === 0);
console.log(evenNumbers);
適切な走査方法を選択することで、特定のニーズに応じて配列を操作および処理できます。高階関数を使用すると、より柔軟かつ簡潔に配列を走査して操作できるようになります。