JavaScriptの配列操作のまとめ（map/filter/find/every/some/reduce）

はじめに

JavaScriptで配列を操作する時に使用する便利な各メソッドのまとめです。

map

すべての要素に対して1つずつ処理をして全ての要素を返す
↓mapを使用して数字を１０倍した例

const numbers = [1,2,3];

const tenTimes = numbers.map((number) => {
  return number * 10
});

console.log(tenTimes);　// [10, 20, 30]

filter

条件を満たした要素をすべて返す
↓filterを使用して２の倍数のみ抽出した例

const numbers = [1,2,3,4];

const result = numbers.filter((num) => {
  return num % 2 == 0
});

console.log(result);　// [2, 4]

find

最初に条件を満たした要素1つだけ返す
↓findを使用して３以上の要素1つを抽出した例

const numbers = [1,2,3,4];

const result = numbers.find((num) => {
  return num >= 3 
});

console.log(result);　// [3]

every

すべての要素が条件を満たしたらtrueを返す
↓everyを使用して要素が全て３以上かをチェックした例

const numbers = [1,2,3,4];

const result = numbers.every((num) => {
  return num >= 3 
});

console.log(result);　// [false]

some

すべての要素のうち1つでも条件を満たしたらtrueを返す
↓someを使用して要素が全て３以上かをチェックした例

const numbers = [1,2,3,4];

const result = numbers.some((num) => {
  return num >= 3 
});

console.log(result);　// [true]

reduce

すべての要素に対して処理をして、1つの要素を返す
↓reduceを使用して各要素の合計値を返す例

const numbers = [1,2,3,4,5];

const result = numbers.reduce((accumulation, element) => {
  return accumulation + element;
});

console.log(result);　// [15]