JavaScriptの.map（）、. filter（）、および.reduce（）

JavaScript開発者であるか、JavaScriptを始めたばかりの場合は、map（）、filter（）、reduce（）について聞いたことがあるでしょう。これらの関数に不慣れな人は、これらの関数が正確に何をするのか、そしてそれらをどのように使用するのかについて混乱することがありますか？以下のこの記事で1つずつ説明しましょう。

。地図（）

.map（）は、配列を変換するために使用されます。変換とは、いくつかの数値を含む配列があり、各数値の2倍または各数値の3倍を見つける必要がある場合、変換ロジックを使用して変換し、新しい配列を取得することを意味します。

const arr = [2, 4, 5, 6, 8]
//  double arr = [4, 8, 10, 12, 16]
//  triple arr = [8, 12, 15, 18, 24]

let array = [1, 2, 3, 4, 5, 6]
function double(x){
return x * 2;
}
const result = array.map(double); // take callback function
//   Or with arrow function
const result = array.map(x => x * 2);
console.log(result);        // will print an array with double

.filter（）メソッドは、配列をフィルタリングするために使用されます。いくつかのロジックに基づいて配列をフィルタリングし、フィルタリングされた値を持つ配列を返します。たとえば、配列があり、どの要素が特定の数よりも大きいかを調べたいとしますか？試してみましょう。

let arr = [2, 8, 3, 4, 5, 6]
function greaterThan3(x){
return x > 3;
}
const result = arr.filter(greaterThan3); // take callback function
//   or with arrow function
const result = arr.filter(x => x > 3);
console.log(result);

.reduce（）メソッドは、配列のすべての要素を取得して、そこから1つの値を取得する必要がある場所で使用されます。たとえば、配列があり、その合計または最大値を見つける必要があるとします。

let arr = [1, 5, 6, 8, 9, 3]
// sum, maximum

// Sum with non functional way
let arr = [2, 8, 3, 4, 5, 6];
function findSum(){
 let sum = 0;
  for(let i = 0; i < arr.length; i++){
   sum = sum + arr[i];
   }
  return sum;
 }
console.log(findSum());

arr.reduce(function(acc, curr){ // first parameter
// it will iterate over each element of array and this current(curr) with refer to current element of this array.
// Accumulator(acc) will accumulate the result for elements of the array.
},0) // second parameter
 it represents the initial value for the accumulator

let arr = [1, 2, 3, 4, 5, 6]
const result = arr.reduce(function(acc, curr){
   acc = acc + curr;
   return acc;
});
console.log(result);

これは、.map（）、. filter（）、および.reduce（）を使用する最も簡単な方法です。forループをこれらのメソッドに置き換えると適切です。コードをよりクリーンで読みやすくするのに大いに役立ちます。

ハッピーコーディング！