【JavaScript】配列の要素を畳み込み処理する方法(reduceの使い方)
この記事では、配列の要素を畳み込み処理する方法(reduceの使い方)について説明します。
畳み込み処理とは、配列の個々の要素を関数で処理していくときに、前の要素の処理結果を次の要素の入力値として渡していく処理のことです。
reduceの基本的な使い方は以下のとおりです。
js
let array = [1,2,3,4,5];
let result = array.reduce(function(x,y){
return x * y;
});
console.log(result);//120
最初の要素を10倍してからのスタートになります。
js
let array = [1,2,3,4,5];
let result = array.reduce(function(x,y){
return x * y;
},10);
console.log(result);1200
畳み込み処理を別メソッドとして定義している場合は、function内で呼び出すことができます。
js
let array = [1,2,3,4,5];
let result = array.reduce(function(x,y){
return kakezan(x,y);
},10);
function kakezan(x,y){
return x * y
}
console.log(result);//1200
アロー演算子を用いることで、function内で呼び出さずにいきなり呼び出すこともできます。
js
let array = [1,2,3,4,5];
let result = array.reduce((x,y) => kakezan(x,y));
function kakezan(x,y){
return x * y
}
console.log(result);//120
js
let array = [1,2,3,4,5];
let result = array.reduce((x,y) => kakezan(x,y),10);
function kakezan(x,y){
return x * y
}
console.log(result);//1200
以上で記事の解説はお終い！
HTML、CSS、JavaScriptをもっと勉強したい方にはUdemyがオススメ！同僚に差をつけよう！