如何使用,我们可以创建一个数字数组与相关的四则运算函数,把它们代入reduce函数中就行了 复制代码 代码如下: var data = [4,8,10,12,16] var add = function(a,b){ return a+b; } var mult = function(a,b){ return a*b; } //使用 var sum = data.reduce(add,0) var product = data.reduce(mult,1);
火狐官网还有一个实现: 复制代码 代码如下: if (!Array.prototype.forEach) { Array.prototype.forEach = function(fun /*, thisp*/) { var len = this.length > 0; if (typeof fun != "function") throw new TypeError(); var thisp = arguments[1]; for (var i = 0; i < len; i++) { if (i in this) fun.call(thisp, this[i], i, this); } }; }
让我们看一下jQuery提供的each方法的具体实现 jQuery.each(obj,fn,arg) 该方法有三个参数:进行操作的对象obj,进行操作的函数fn,函数的参数args。 让我们根据ojb对象进行讨论: 1.obj对象是数组 each方法会对数组中子元素的逐个进行fn函数调用,直至调用某个子元素返回的结果为false为止,也就是说,我们可以在提供的fn函数进行处理,使之满足一定条件后就退出each方法调用。当each方法提供了arg参数时,fn函数调用传入的参数为arg,否则为:子元素索引,子元素本身。 2.obj 对象不是数组 该方法同1的最大区别是:fn方法会被逐次不考虑返回值的进行进行。换句话说,obj对象的所有属性都会被fn方法进行调用,即使fn函数返回false。调用传入的参数同1类似。 复制代码 代码如下: jQuery.each=function( obj, fn, args ) { if ( args ) { if ( obj.length == undefined ){ for ( var i in obj ) fn.apply( obj, args ); }else{ for ( var i = 0, ol = obj.length; i < ol; i++ ) { if ( fn.apply( obj, args ) === false ) break; } } } else { if ( obj.length == undefined ) { for ( var i in obj ) fn.call( obj, i, obj ); }else{ for ( var i = 0, ol = obj.length, val = obj[0]; i < ol && fn.call(val,i,val) !== false; val = obj[++i] ){} } } return obj; }
需要特别注意的是each方法中fn的具体调用方法并不是采用简单的fn(i,val)或fn(args),而是采用了 fn.call(val,i,val)或fn.apply(obj.args)的形式,这意味着,在你自己的fn的实现中,可以直接采用this指针引用数组或是对象的子元素。这种方式是绝大多数jQuery所采用的一种实现方式。 复制代码 代码如下: Array.prototype.contains = function (obj) { return this.indexOf(obj) != -1; }; Array.prototype.copy = function (obj) { return this.concat(); }; Array.prototype.insertAt = function (obj, i) { this.splice(i, 0, obj); }; Array.prototype.insertBefore = function (obj, obj2) { var i = this.indexOf(obj2); if (i == -1) this.push(obj); else this.splice(i, 0, obj); }; Array.prototype.removeAt = function (i) { this.splice(i, 1); }; Array.prototype.remove = function (obj) { var i = this.indexOf(obj); if (i != -1) this.splice(i, 1); };