优化js数组的forEach方法——封装一个万能each

forEach方法的缺点

  1. 只能依次迭代,不能中途结束
  2. 不支持返回值
  3. 不能迭代对象

封装一个each方法能达到的目的

    //obj是需要进行迭代的内容(可以是数字,字符串,类数组,数组,对象),callback是函数
    const each=function each(obj,callback){
   };
  1. 做了传递参数的类型检测
  2. 可以迭代数组和对象
  3. 可以中途结束循环(callback中返回false即可)
  4. 支持修改原数组或对象中的内容(返回一个新数组,原始数据不变)
  5. obj可以是数字(创建一个等长度的数组进行迭代)
  6. 支持类数组按照数组的方式进行处理
  7. 支持callback中的this迭代原始数据

封装万能each

    //检测是否是对象的方法
    const isObject = function isObject(obj){
   
        return obj !== null && /^(object|function)$/.test(typeof obj);
    }
    //检测是否是函数的方法
    const isFunction = function isFunction(obj){
   
        return typeof obj === 'function';
    }
    //检测是否是类数组的方法
    const isArrayLike = function isArrayLike(obj){
   
        //存在一个obj,且obj有length属性
        let length = !!obj && 'length' in obj && obj.length;
        //由于function和window里也都有length属性,所以要做一个判断
        if(isFunction(obj) || obj ===
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值