面试--将类数组转化为数组

发布时间:2019-08-20 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了面试--将类数组转化为数组脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

什么是类数组

拥有length属性 也拥有索引 但是没有数组具有的方法。
常见的类数组: argumentsDOM的方法返回的结果 class tag的筛选

arguments

arguments的改变会改变函数的参数

 function removeDuplicate(x,y) {
          console.LOG(x);  //1
        arguments[0]=4;
        console.log(x)   //4
    }
    console.log(removeDuplicate(1,2,3))

将类数组转化为数组

转化为数组之后 就能调用shift unshift splice concat reverse sort
1、使用最原生的方法 使用一个新的数组

  var ss=document.getElementsByTagName("div");
      var res=[];
      for(var i=0;i<ss.length;i++){
          res.push(ss[i]);
      }

2、使用Array.prototype.slice.call(ArrayLike);

  var ss=document.getElementsByTagName("div");
     ss=Array.PRototype.slice.call(ss);
    console.log(Object.prototype.toString.call(ss).slice(8,-1));//Array

3、使用es6的 新方法 Array.From(arr) 将类数组arr转化为数组

 var ss=document.getElementsByTagName("div");
      var res=[];
       res=Array.from(ss)
    console.log(res);//Array

脚本宝典总结

以上是脚本宝典为你收集整理的面试--将类数组转化为数组全部内容,希望文章能够帮你解决面试--将类数组转化为数组所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。