欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

zepto中$.each迭代器的实现

程序员文章站 2022-03-02 20:26:31
...

     看了zepto源码,平时经常使用的$.each迭代器实现并不复杂,第一个参数传入对象或数组/类数组,第二个参数传入function,this指向当前某一个element[i],数组/类数组通过下标遍历,对象通过属性遍历。

//函数中不能用break,continue,用return true/false实现
    each = function(elements, callback) {
        var i, key
        if(typeof elements != "object"){
            return;
        }
        if (typeof elements.length == 'number') {   //判断是否为类数组,类数组下标遍历
          for (i = 0; i < elements.length; i++) {
            if (callback.call(elements[i], i, elements[i]) === false) {
                return elements;
            }
          }
        } else {
          for (key in elements) {  //处理对象,对象属性遍历
            if (callback.call(elements[key], key, elements[key]) === false) {   
                return elements;
            }
          }
        }
        return elements;
    }