javascript中slice方法源码解析

  这几天在写东西时用了好几次slice方法,其中也用到Array.proto.slice.call(arguments)将数组对象属性转变成数组。

Array.protitype.slice()源码

源码git传送门587行,slice源码如下:

    // 这个方法可以用作于真正的数据和类数组对象, 如标tagName(标签)、childNodes
    // 这个方法不支持IE9以下版本的浏览器
    Array.prototype.slice = function(begin, end) {
      end = (typeof end !== 'undefined') ? end : this.length;
      //如果只传一个参数,那么默认截取的位置为该数组或类数组长度的最后位置
      // 对于原生数组对象,我们直接使用_slice函数,这一点求指教???
      //???????????????????????????请大佬指教
      if (Object.prototype.toString.call(this) === '[object Array]'){
      // Object,prototype.toString.call(this)用来检测是否是原生数组对象
        return _slice.call(this, begin, end); 
      }

      // 下面是类数组的处理方法
      var i, cloned = [],
        size, len = this.length;

      // 当第一个参数值为负值的时候
      var start = begin || 0;
      start = (start >= 0) ? start : Math.max(0, len + start);
      // slice默认的解决办法是将负值加上总的类数组长度当成是第一个值

      //处理第二个参数值为负数时候
      var upTo = (typeof end == 'number') ? Math.min(end, len) : len;
      //判断传进来的end参数是否为数值,若超过最大的数值,则取该类数组的长度,若不Number类型,则取该类数组的最大值
      if (end < 0) {
        upTo = len + end;
      }
      //若end小于0,取end值和该类数组的长度之和
      size = upTo - start;
      if (size > 0) {
        cloned = new Array(size);
        if (this.charAt) {
        // 对于字符串
          for (i = 0; i < size; i++) {
            cloned[i] = this.charAt(start + i);
            //从起始位置进行蒂芙穿的截取
          }
        } else {
        //对于数组
          for (i = 0; i < size; i++) {
            cloned[i] = this[start + i];
            //从起始位置进行蒂芙穿的截取
          }
        }
      }
      return cloned;
      //若第二个参数减去第一个参数为负数,直接返回空数组
    };
Array,prototype.slice.call()
 let arrayLike = {
   '0':'a',
   '1':'b',
   '2':'c',
   length:3
  }
 // ES5的写法var arr1 = [].slice.call(arrayLike) //[a,b,c]

   通过对slice的源码分析,我想大家肯定也知道为什么转换成数组必须得有length属性了和对象key值必须为有序数字了。
   如有不对,欢迎批评指正。

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值