javascript的map和forEach,for性能比较

for–速度最快,forEach和for++次之相当,map慢 原因:从源码看出,map需要有回调函数的返回值,并且新建一个和遍历数组一样长度的数组作为返回,forEach则没有这些开销

注:map,forEach不能使用break跳出整个循环,不能使用continue跳出本次循环。使用retrun相当于for中的continue的作用,从源码可以看出,结束本次循环的回调函数

console.time(map);
for (var i = 0; i < 100000; i++) {
    var s = new Array(1000).fill(1)
    var arr = s.map((item, idx)=>{
        return item; 
    });
}
console.timeEnd(map);

console.time(foreach);
for (var i = 0; i < 100000; i++) {
    var arr2 = [];
    var s2 = new Array(1000).fill(1);
    s2.forEach((item, idx)=>{
        arr2[idx] = item;
    });
}
console.timeEnd(foreach);

console.time(for++);
for (var i = 0; i < 100000; i++) {
    var arr3 = [];
    var s3 = new Array(1000).fill(1)
    for(var idx = 0; idx < s3.length; idx++){
        arr3[idx] = s3[idx]; 
    };
}
console.timeEnd(for++);

console.time(for--);
for (var i = 0; i < 100000; i++) {
    var arr4 = [];
    var s4 = new Array(1000).fill(1)
    for(var idx = s4.length-1; idx >=  0; idx--){
        arr4[idx] = s4[idx]; 
    };
}
console.timeEnd(for--);
map: 2064.2978515625ms
18 foreach: 1154.373046875ms
for++: 969.011962890625ms
for--: 709.780029296875ms

forEach实源码:

Array.prototype.foreach = function(callback, thisArg) {
          
   
    var T, k;
    if (this == null) {
      throw new TypeError( this is null or not defined);
    }
    var O = Object(this);//拿到变量的数组
    var len = O.length >>> 0;//右移的作用,所有非数值转换成0,所有大于等于0数取整数部分
    if (typeof callback !== "function") {
      throw new TypeError(callback +  is not a function);
    }
    if (arguments.length > 1) {
      T = thisArg;//如果存在第三个参数,表明this的指向
    }
    k = 0;
    while (k < len) {
      var kValue;
      if (k in O) //k为属性名
        kValue = O[k];
        callback.call(T, kValue, k, O);
      }
      k++;
    } 
 }

map实现源码:

Array.prototype.map = function(callback, thisArg) {
          
   
    var T, A, k;
    if (this == null) {
      throw new TypeError(" this is null or not defined");
    }
    var O = Object(this);
    var len = O.length >>> 0;
    if (Object.prototype.toString.call(callback) != "[object Function]") {
      throw new TypeError(callback + " is not a function");
    }
    if (thisArg) {
      T = thisArg;
    }
    A = new Array(len);
    k = 0;
    while(k < len) {
      var kValue, mappedValue;
      if (k in O) {
        kValue = O[ k ];
        mappedValue = callback.call(T, kValue, k, O);
        A[ k ] = mappedValue;
      }
      k++;
    }
    return A;//返回新的数组,长度和原数组一样
  };
经验分享 程序员 微信小程序 职场和发展