美文网首页
jquery的each方法简单实现

jquery的each方法简单实现

作者: 大福爸爸_ | 来源:发表于2020-04-01 15:07 被阅读0次

jquery的each方法实现(带循环终止功能)

    ~function () {
        function each(callback) {
            if (!callback) return;
            for (let i = 0; i < this.length; i++) {
                let flag = callback(this[i], i);
                if (flag === false) break;
            }
        }
        function each1(arr, callback) {
            if (!Array.isArray(arr) || !callback) return;
            for (let i = 0; i < arr.length; i++) {
                let flag = callback.call(arr, arr[i], i);
                if (flag === false) break;
            }
        }
        ['each', 'each1'].forEach(item => {
            Array.prototype[item] = eval(item);
        })


    }();
    [1, 2, 3, 4].each((item, index) => {
        console.log(item);
        if (index >= 1) return false;
    })
    Array.prototype.each1([5,6,7],(item, index) => {
        console.log(item);
        if (index >= 1) return false;
    })

相关文章

网友评论

      本文标题:jquery的each方法简单实现

      本文链接:https://www.haomeiwen.com/subject/gchauhtx.html