JavaScript数组方法reduce解析

   <h2>Array.prototype.reduce()</h2>    <h2>概述</h2>    <p>reduce()方法是数组的一个实例方法（共有方法），可以被数组的实例对象调用。reduce() 方法接收一个函数作为累加器（accumulator），数组中的每个值（从左到右）开始缩减，最终为一个值。</p>    <h2>语法</h2>    <pre>  <code class="language-javascript">arr.reduce(callback[, initialValue]) {}</code></pre>    <h3>参数</h3>    <p>回调函数中可以传递四个参数。</p>    <p>previousValue：上一次调用回调函数返回的值，或者是提供的初始值（initialValue）</p>    <p>currentValue：数组中当前被处理的元素</p>    <p>currentIndex：当前被处理元素在数组中的索引, 即currentValue的索引.如果有initialValue初始值, 从0开始.如果没有从1开始</p>    <p>array：调用 reduce 的数组</p>    <p>initialValue：可选参数, 作为第一次调用 callback 的第一个参数</p>    <h3>返回值</h3>    <p>reduce()返回值是最后一次调用回调函数返回的结果</p>    <h2>描述</h2>    <p>reduce 为数组中的每一个元素依次执行回调函数，不包括数组中被删除或从未被赋值的元素，接受四个参数：</p>    <ul>     <li>previousValu 上一次值</li>     <li>currentValue 当前值</li>     <li>currentIndex 当前值的索引</li>     <li>array 数组</li>    </ul>    <p>回调函数第一次执行时，previousValue 和 currentValue可能是两个不同值其中的一个，如果reduce有initialValue参数，那么 previousValue 等于 initialValue ，并且currentValue 等于数组中的第一个值；如果reduce没有 initialValue 参数，那么previousValue 等于数组中的第一个值，currentValue等于数组中的第二个值。</p>    <p>注意： 如果没有initialValue参数, reduce从index为1开始执行回调函数, 跳过第一个index。 如果有initialValue参数, reduce 将从index为 0 开始执行回调</p>    <p>如果数组是空的并且没有initialValue参数, 将会抛出TypeError错误. 如果数组只有一个元素并且没有初始值initialValue, 或者有initialValue但数组是空的, 这个唯一的值直接被返回而不会调用回调函数。</p>    <p>通常来说提供一个initialValue初始值更安全一点, 因为没有的话会出现如下输出结果。</p>    <pre>  <code class="language-javascript">//没有提供initialValue  function foo(){      return [1,2,3,4,5].reduce((x, y) => x + y);   //15  };  console.log(foo.call(this));    function foo(){      return [].reduce((x, y) => x + y);   //TypeError  };  console.log(foo.call(this));    //提供initialValue  function foo(){      return [].reduce((x, y) => x + y, 0);   //0  };  console.log(foo.call(this));</code></pre>    <h3>reduce()是如何工作的</h3>    <pre>  <code class="language-javascript">[0, 1, 2, 3, 4].reduce((previousValue, currentValue, index, array) => previousValue + currentValue);</code></pre>    <p>回调被执行四次，每次的参数和返回值如下表：</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/318739067dd8c79b416a07e6be3d5676.jpg"></p>    <p>reduce 的返回值是回调函数最后一次被调用的返回值（10）。</p>    <p>如果把初始值作为第二个参数传入 reduce，结果如下，结果如下：</p>    <pre>  <code class="language-javascript">[0, 1, 2, 3, 4].reduce((previousValue, currentValue, index, array) => previousValue + currentValue, 10);</code></pre>    <p style="text-align:center"><img src="https://simg.open-open.com/show/c77db9da6319e21eac916c61e3e4cbdf.jpg"></p>    <p>最后一次函数调用的返回值 (20) 作为reduce函数的结果被返回</p>    <p>注意：添加了initialValue参数会多调用一次回调函数</p>    <h2>例题</h2>    <h3>将数组所有项相加</h3>    <pre>  <code class="language-javascript">let sum = [0, 1, 2, 3, 4].reduce((x, y) => x + y, 0);    // 10</code></pre>    <h3>扁平化一个二维数组</h3>    <pre>  <code class="language-javascript">let arr = [[1, 2], [3, 4], [5, 6]].reduce((x, y) => x.concat(y), []);  // [1, 2, 3, 4, 5, 6]</code></pre>    <p> </p>    <p>来自：http://www.cnblogs.com/Uncle-Keith/p/6164055.html</p>    <p> </p>