js将伪数组转换为标准数组的多种方法

来源:互联网 发布:天下3男捏脸数据 编辑:程序博客网 时间:2024/05/08 16:11

在js中,数组是特殊的对象,凡是对象有的性质,数组都有,数组表示有序数据的集合,而对象表示无序数据的集合。

那伪数组是什么呢,当然它也是对象,伪数组一般具有以下特点:

  • 按索引方式存储数据;
  • 具有length属性;
  • 没有数组的push、shift、pop等方法;

function的arguments对象,还有getElementsByTagName、ele.childNodes等返回的NodeList对象,或者自定义的某些对象,这些都可以是伪数组。

我们可以通过以下几种方式将伪数组转换为标准数组:

  1. 使用Array.prototype.slice.call();
    Js代码  收藏代码
    1. Array.prototype.slice.call({  
    2.  0:"likeke",  
    3.  1:12,  
    4.  2:true,  
    5.  length:3  
    6. });  
    7. //["likeke", 12, true]  
  2.  使用[].slice.call(),了解js原型链的都知道,实际上这种方法和第一中方法是一样的,但上面第一种方式相对效率更高。
    Js代码  收藏代码
    1. [].slice.call({  
    2.  0:"likeke",  
    3.  1:12,  
    4.  2:true,  
    5.  length:3  
    6. });  
    7. //["likeke", 12, true]  
  3. 使用ES6中Array.from方法;
    Js代码  收藏代码
    1. Array.from({  
    2.  0:"lk",  
    3.  1:12,  
    4.  2:2013,  
    5.  3:"长安大学",  
    6.  length:4  
    7. });  
    8. //["lk", 12, 2013, "长安大学"]  
原创粉丝点击