前端攻城狮学习笔记一：实现一个遍历数组或对象里所有成员的迭代器

面试题目

　　这是搜狐JavaScript面试题，要求如下：

　　实现一个遍历数组或对象里所有成员的迭代器。

var each = function(obj, fn){
        //+++++++++++答题区域+++++++++++
        



        //+++++++++++答题结束+++++++++++
};

try{        
        var data1 = [4,5,6,7,8,9,10,11,12];
        var data2 = {
                "a": 4,
                "b": 5,
                "c": 6
        }; 

        console.group(data1);        
        each(data1, function(o){
                if( 6 == this )
                        return true;
                else if( 8 == this )
                        return false;
                console.log(o + ": \"" + this + "\"");
        });        
        console.groupEnd();

        /*------[执行结果]------
        1: "4"
        2: "5"
        4: "7"
        ------------------*/
        
        console.group(data2);        
        each(data2, function(v, n){
                if( 5 == this )
                        return true;
                console.log(n + ": \"" + v + "\"");
        });        
        console.groupEnd();

        /*------[执行结果]------
        a: "4"
        c: "6"
        ------------------*/        
}catch(e){
        console.error("执行出错，错误信息: " + e);
}

 

分析过程

　　分析如下：

　　要遍历数组或对象成员，因此要对传入对象进行判断：

if(obj instanceof Array){

}
else if(obj instanceof Object){

}
else{

}

　　当传入的是Array对象时，从调用和输出可以看出，要用到call方法，并且第一个参数为数组的值，第二个参数为元素索引(从1开始)，并且当返回值为false时，结束此过程。所以代码如下：

        if(obj instanceof Array){
            for(var i=0,l=obj.length;i<l;i++){
                var temp=fn.call(obj[i],i+1);
                if(temp === false){
                    return;
                }
            }
        }

　　当传入的是一个对象时，要对对象成员进行遍历，并且要传入三个参数，第一个和第二个为成员值，第三个为成员名称。所以代码如下：

        else if(obj instanceof Object){
            for(var e in obj){
                fn.call(obj[e],obj[e],e);
            }
        }

　　最后完整代码如下：

var each = function(obj, fn){
        //+++++++++++答题区域+++++++++++
        if(obj instanceof Array){
            for(var i=0,l=obj.length;i<l;i++){
                var temp=fn.call(obj[i],i+1);
                if(temp === false){
                    return;
                }
            }
        }
        else if(obj instanceof Object){
            for(var e in obj){
                fn.call(obj[e],obj[e],e);
            }
        }
        else{
        }
        //+++++++++++答题结束+++++++++++
};

小结

　　本面试题主要考查了 instanceof 的用法，call的用法，对数组的遍历，对对象成员的遍历等知识点。