JS配列方法reduceの用法例分析


本論文の実例は、JS配列法reduceの使用法を述べている。皆さんに参考にしてあげます。具体的には以下の通りです。
配列法reduceは、1つの配列を反復し、1つの値に蓄積するために使用される。
reduce方法を使う時、このコールバック関数のパラメータはアキュムレータ(例のpreviousVal)と現在値(currentVal)です。
reduce法は、アキュムレータの初期値を設定するために使用できるオプションの第二パラメータを有する。この定義の初期値がない場合、初期値は配列の第一項となり、currentValは配列の第二項から開始される。
reduce方法を使って、arrayのすべての値を加算します。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>reduce   </title>
</head>
<body>
<script>
var arr = [1, 2, 3, 4, 5];
sum = arr.reduce(function(prev, cur, index, arr) {
   //                  ,        ,            
   console.log(prev, cur, index); 
   return prev + cur;
})
console.log(arr, sum); //            
</script>
</body>
</html>

コンソール出力:
 

var numbers = [15.5, 2.3, 1.1, 4.7];
 
function getSum(total, num) {
  return total + Math.round(num);
}
function myFunction(item) {
  console.log(numbers.reduce(getSum, 0));//0          
}
myFunction()//  24


関心のある友達はオンラインHTML/CSS/JavaScriptコードを使ってツールを実行できます。http://tools.jb51.net/code/HtmlJsRunは上記のコードの運行効果をテストします。
JavaScriptに関する多くの内容に興味がある読者は、本駅のテーマを見てもいいです。「JavaScript配列操作技術のまとめ」、「JavaScriptはアルゴリズムと技術の総括を遍歴します。」、「javascript対象向け入門教程」、「JavaScript数学演算の使い方のまとめ」、「JavaScriptデータ構造とアルゴリズム技術のまとめ」および「JavaScriptエラーとデバッグテクニックのまとめ
本論文で述べたように、JavaScriptプログラムの設計に役に立ちます。