es6で配列をループする方法は何ですか？

2年 ago
光, 明
1 minute

ES6では、配列を繰り返し処理するための様々なメソッドが提供されており、一般的なものには次のようなものがあります。

  1. for…of ループ：簡潔な構文で配列の各要素を繰り返し処理します。
let arr = [1, 2, 3];
for(let item of arr) {
  console.log(item);
}
  1. forEachメソッド：配列のforEachメソッドを呼び出し、コールバック関数を渡して、配列の各要素を反復処理します。
let arr = [1, 2, 3];
arr.forEach((item) => {
  console.log(item);
});
  1. mapメソッド：配列のmapメソッドを呼び出し、コールバック関数を渡して新しい配列を生成します。新しい配列の要素は、元の配列がコールバック関数で処理された結果です。
let arr = [1, 2, 3];
let newArr = arr.map((item) => {
  return item * 2;
});
console.log(newArr); // [2, 4, 6]
  1. filterメソッド：配列のfilterメソッドを呼び出し、コールバック関数を渡して新しい配列を生成します。新しい配列の要素は、コールバック関数の条件を満たす要素です。
let arr = [1, 2, 3];
let newArr = arr.filter((item) => {
  return item > 1;
});
console.log(newArr); // [2, 3]
  1. findメソッド：配列のfindメソッドを呼び出し、コールバック関数を渡し、コールバック関数の条件を満たす最初の要素を返す。
let arr = [1, 2, 3];
let result = arr.find((item) => {
  return item > 2;
});
console.log(result); // 3
  1. すべての方法：配列のeveryメソッドを呼び出し、コールバック関数を渡して配列のすべての要素がコールバック関数の条件を満たすかどうかを判断し、ブール値を返します。
let arr = [1, 2, 3];
let result = arr.every((item) => {
  return item > 0;
});
console.log(result); // true
  1. いくつかの方法：配列のsomeメソッドを呼び出し、コールバック関数を渡して、配列の少なくとも1つの要素がコールバック関数の条件を満たすかどうかを判断し、ブール値を返します。
let arr = [1, 2, 3];
let result = arr.some((item) => {
  return item > 3;
});
console.log(result); // false

上記の方法以外にも、reduceやreduceRightなどのメソッドを使用して、配列の反復処理や計算が行えます。

bannerAds