javascript reduce()関数
1366 ワード
交流グループ番号:611979698【まだ誰もいません.参加して勉強を検討してください.】
javascript reduce()関数の使い方():
array.reduce(function(total,current Value,current Index,arr),initial Value)
reduce関数は、Function関数およびinitial Value(着信初期値)の初期値を受け入れることができる.
function関数は、4つのパラメータを受け入れて、それぞれtotal(毎回計算される戻り値)、currentValue(現在の配列の要素値)、currentIndex(現在の配列要素のインデックス値)、arr(現在の配列要素)である.
reduce()関数の応用
1.配列のアキュムレータ動作を実現します.
javascript reduce()関数の使い方():
array.reduce(function(total,current Value,current Index,arr),initial Value)
reduce関数は、Function関数およびinitial Value(着信初期値)の初期値を受け入れることができる.
function関数は、4つのパラメータを受け入れて、それぞれtotal(毎回計算される戻り値)、currentValue(現在の配列の要素値)、currentIndex(現在の配列要素のインデックス値)、arr(現在の配列要素)である.
reduce()関数の応用
1.配列のアキュムレータ動作を実現します.
reduce function getSum(){ document.getElementsByClassName('result')[0].innerText = ' '; let _val = document.getElementById("input").value; console.log(_val); if(_val.trim() == '') { alert(' !'); return } // if(_val.includes) let _valarr = _val.split(','); let _result = _valarr.reduce( (result,value) => {return parseInt(result) + parseInt(value)}); document.getElementsByClassName('result')[0].append(_result); }
注:通过for循环以及while循环也可以做到数组各项的累加操作,但reduce方法所需耗时最短,有助于提升速度。
2.实现数组的合并
a = b.reduce( function(coll,item){
coll.push( item );
return coll;
}, a );
注:使用を推奨しないで、es 6はより良い方法を提供して、二つの配列を結合します.a = [...a,...b];