JavaScript之ES3.0模拟map和reduce

最新推荐文章于 2023-05-15 22:36:03 发布

c-Tomorrow

最新推荐文章于 2023-05-15 22:36:03 发布

阅读量628

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JavaScript JavaScript学习之路文章标签： JavaScript JavaScriptES3.0模拟数组map方法 JavaScriptES3.0模拟数组reduce方法

本文链接：https://blog.youkuaiyun.com/c__dreamer/article/details/79732820

JavaScript 同时被 2 个专栏收录

52 篇文章

订阅专栏

JavaScript学习之路

50 篇文章

订阅专栏

本文介绍在ES3.0环境下如何实现数组的map和reduce方法，以确保代码能在低版本浏览器上正常运行，避免因浏览器兼容性问题导致的Bug。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我们知道浏览器的发展是相对快速的，当然浏览器的不断更新同样面临着前端的更新，在我们前端编程中由于用户所用浏览器的不同，我们是必须要做兼容性处理的，有些浏览器的版本比较低，一些前端语言不兼容，做方法的兼容性处理衡很好的避免Bug的出现。

ES3.0实现数组map方法

var map = Array.prototype.map ? function(a,f){ return a.map(f)} : function(a,f){
        var results = [];
        for(var i = 0; i < a.length; i ++){
            if(i in a){
                results[i] = f.call(null,a[i],i,a);
            }
        }  return results;
}

ES3.0实现数组reduce方法

var reduce = Array.prototype.reduce ? fucntion(a,f,initial){
    if(arguments.length > 2){
        return a.reduce(f,initial);
    } else {
        return a.reduce(f);
    } : function(a,f,initial){
        var i = 0, len = a.length, num;
        if(arguments.length > 2){
            num = initial;
        } else{
            if(len == 0){ 
                throw TypeError();
            }
            while(i < len){    
                if(i in a){
                    num = a[i++];
                    break;
                } else { i ++;}
            } if(i == len){throw TypeError}
       }
       while(i < len){ if(i in a){ num = f.call(undefined,num,a[i],i,a);} i ++;}     
        return num;
    }

编程过程中懂的一些原理，对自己对代码的理解有很大的好处。帮到你就收藏下吧。

--主页传送门--