ES6で配列を反復処理する方法とは？

2年 ago
優斗, 朝陽
1 minute

ES6 で配列を反復処理する方法：

  1. for…of ループ： for…of ループを使用すると、配列内の各要素を順番に反復処理できます。例：
const arr = [1, 2, 3];
for (let element of arr) {
  console.log(element);
}
  1. forEachメソッド：配列のforEachメソッドを使用すると、配列の各要素に対してコールバック関数を適用できます。たとえば：
const arr = [1, 2, 3];
arr.forEach(function(element) {
  console.log(element);
});
  1. mapメソッド：配列の各要素に対してコールバック関数を適用し、新しい配列を返す配列のmapメソッドを使用して実行できます。例えば：
const arr = [1, 2, 3];
const newArr = arr.map(function(element) {
  return element * 2;
});
console.log(newArr); // [2, 4, 6]
  1. filterメソッド: 配列のfilterメソッドは、配列の各要素にコールバック関数を適用し、条件を満たす新しい配列を返します。例：
const arr = [1, 2, 3, 4, 5];
const newArr = arr.filter(function(element) {
  return element % 2 === 0;
});
console.log(newArr); // [2, 4]
  1. reduceメソッド: 配列のreduceメソッドを使うと、配列の各要素にコールバック関数を適用し、その結果を1つの値に累積できます。たとえば:
const arr = [1, 2, 3, 4, 5];
const sum = arr.reduce(function(accumulator, currentValue) {
  return accumulator + currentValue;
}, 0);
console.log(sum); // 15
  1. 配列のfindメソッド：配列から条件に一致する最初の要素を見つけるメソッド。例えば、
const arr = [1, 2, 3, 4, 5];
const result = arr.find(function(element) {
  return element > 3;
});
console.log(result); // 4
  1. 配列のfindIndexメソッドを使用して、配列から特定の条件を満たす最初の要素のインデックスを検索できます。たとえば、
const arr = [1, 2, 3, 4, 5];
const index = arr.findIndex(function(element) {
  return element > 3;
});
console.log(index); // 3
  1. someメソッドなら、配列の中にある条件を満たす要素が存在するか判断できます。例えば、
const arr = [1, 2, 3, 4, 5];
const result = arr.some(function(element) {
  return element > 3;
});
console.log(result); // true
  1. 配列の every メソッドを使うと、配列のすべての要素が条件を満たしているかどうかを調べることができます。例えば、
const arr = [1, 2, 3, 4, 5];
const result = arr.every(function(element) {
  return element > 0;
});
console.log(result); // true
bannerAds