【js学习笔记-050】--js的函数式编程

js并非函数式编辑语言，但在js中可以像操控对象一样操控函数，也就是说可以js中应用函数式编程技术。例如ECMAScript5中的map() 和 reduce()就可以非常适合函数式编程风格

如使用函数处理数组

 

计算元素平均值和标准差（标准差=计算每个数减平均数之后的结果平方求和再开平方根）

非函数式处理：

var data = [1,1,3,5,5];

var total = 0;

for(vari=0;i<data.length;i++)total+=data[i];

var mean = total/data.length; //平均数

total = 0;

for(var i=0;i<data.length;i++){

   var deviation = data[i]-mean;

   total+= deviation* deviation;

}

//标准差

var stddev =Math.sqrt(total/data.length);

 

可以使用数组方法map()和reduce()来实现同样的计算机，这种实现极其简单

//先定义两个简单的方法：

var sum = fucntion(x,y)(return x+y);

var square = function(x)(return x*x);

 

var data = [1,1,3,5,5];

var mean = data.reduce(sum)/data.length;

var deviations = data.map(function(x){return x-mean});

var stddev =Math.sqrt(deviations.map(square).reduce(sum)/(data.length-1));

 

在ECMAScript 3中实现自定义的map和reduce函数

//对于每个数组元素调用函数f()，并返回一个数组

var map = Array.prototype.map?function(a,f){returen  a.map(f)}:function(a,f){

  var results = [];

  for(var i=0,len=a.length;i<len;i++){

     if(i in a) result[i] = f.call(null,a[i],i,a);

   }

  return results;

}

 

//使用函数f()和可选的初始值将数组a减至一个值

var reduce =Array.prototype.reduce?function(a,f,inial){

  if(arguments.length>2)return a.reduce(f,initial)

  else return a.reduce(f); //否则没有初始值

}:function(a,f,initial){

  var i=0,len=a.length,accumulator;

   //以特定的初始值开始，否则第一个值取自a

  if(arguments.length>2)accumulator = initial;

  else{

    if(len==0) throw TypeError();

    while(i<len){

      if(i in a){

         accumulator = a[i++];

         break;

      }else i++;

      

     }

     if(i==len) throw TypeError();

   }

   //对于数组中剩下的元素依次调用f()

   while(i<len){

     accumulator = f.call(undefined,accumulator,a[i],i,a);

     i++;

    }

   return accumulator;

}