Javascript的reduce（）函数有哪些优点？ （和map（））

Question

我正在尝试决定是否在Javascript中使用reduce（）方法来处理我需要编写的函数，这是类似的东西

var x = [some array], y = {};
for (...) {
    someOperation(x[i]);
    y[x[i]] = "some other value";
}

现在这可以通过以下方式写成reduce（）函数：

x.reduce(function(prev, current, index, arr) {
    someOperation(current);
    prev[current] = "some other value";
    return prev;
}, {})

或类似的东西。 这两者之间有任何表现或其他差异吗？ 或者其他一些原因（例如浏览器支持），因为在Web编程环境中哪一个应该优先于另一个？ 谢谢。

Answer 1

即使我更喜欢这些操作（缩小，映射，过滤等），但由于某些浏览器在其实现中不支持它们，因此使用它们仍然不可行。 当然，你可以通过扩展Array原型来“修补”它，但这也是一堆蠕虫。

我不认为这些函数存在任何固有的错误，我认为它们可以提供更好的代码，但是现在最好不要使用它们。 一旦更高百分比的人口使用支持这些功能的浏览器，我认为他们将是公平的游戏。

就性能而言，由于函数调用的开销，这些可能比为循环手写更慢。

Answer 2

map和filter和reduce以及forEach和...（更多信息： https ： //developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array#Iteration_methods ）远远优于普通循环，因为：

1. 它们更优雅
2. 他们鼓励函数式编程（参见函数式编程的好处）
3. 你需要这么写的功能，并通过放进去，作为参数，迭代变量。 这是因为javascript没有块范围。 map和reduce等函数使您的工作变得更加容易，因为它们会自动设置迭代变量并将其传递给您的函数。

IE9声称支持这些。 他们是官方的javascript / ecmascript规范。 如果你关心使用IE8的人，这是你的特权。 如果你真的在乎，你可以通过覆盖只有IE8及更旧版本的Array.prototype来破解它，以“修复”IE8及更旧版本。

Answer 3

reduce用于从数组返回一个值，作为顺序处理前一个元素的结果的结果。

reduceRight做同样的事情，但从最后开始并向后工作。

map用于返回其成员全部通过函数传递的数组。

这两种方法都不会影响数组本身

var A1 = ['1'，'2'，'3'，'4'，'5'，'6'，'7'，'8'];

//这个map的使用返回原始元素的新数组，转换为数字 -

A1 = A1.map（数量）; // >> A1的每个元素都转换为数字

//这减少了数组元素 -

var A1sum = A1.reduce（function（a，b）{return a + b;}）;

// A1sum >>返回值：（Number）36

旧浏览器不支持它们，因此您需要替换它们。 如果你所做的一切都可以在一个简单的循环中复制，那就不值得了。

确定人口的标准差是一个可以有效地使用地图和减少的例子 -

Math.mean= function(array){
    return array.reduce(function(a, b){ return a+b; })/array.length;
}
Math.stDeviation=function(array){
    var mean= Math.mean(array);
    dev= array.map(function(itm){return (itm-mean)*(itm-mean); });
    return Math.sqrt(dev.reduce(function(a, b){ return a+b; })/array.length);
}


var A2= [6.2, 5, 4.5, 6, 6, 6.9, 6.4, 7.5];
alert ('mean: '+Math.mean(A2)+'; deviation: '+Math.stDeviation(A2))

Answer 4

kennebec - 很好，但你的stDeviation函数调用reduce两次并映射一次只需要一次调用reduce （这使得它快得多）：

Math.stDev = function (a) {
    var n = a.length;
    var v = a.reduce(function (v, x) {
      v[0] += x * x;
      v[1] += x;
      return v;
    }, [0,0]);
    return Math.sqrt( (v[0] - v[1]*v[1] / n) / n );
}

在分配给v [1]时应该转换为数字以确保字符串数字不会与结果混淆，并且在大多数情况下最后一行中的除数可能是（n-1），但这取决于OP 。 :-)