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.配列のアキュムレータ動作を実現します.



	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];