通过[].slice.call(arguments)将js类数组对象转化为转化为真正的数组

最新推荐文章于 2024-01-24 08:15:00 发布

chongdou4743

最新推荐文章于 2024-01-24 08:15:00 发布

阅读量243

点赞数

文章标签：面试

原文链接：https://my.oschina.net/u/3372979/blog/1518672

版权

Array.prototype.slice.call(arguments)可以将类数组转化为真正的数组。面试中常常问到此，但是，为什么呢？

1 首先是Array同Object,Number等都是一种数据类型的名字，同时Array又是构造函数，每个构造函数都有一个prototype属性指向其原型对象。其原型对象上能取到slice方法。

2 什么是类数组（有length属性，属性值为数字；其他属性值为数字‘0’，‘1’，等）

最常见的 array-like 对象是 arguments 和 NodeList.

var myobject ={ // array-like collection  
    length: 4,  
    '0': 'zero',  
    '1': 'one',  
    '2': 'two',  
    '3': 'three'  
}

例：可用于通过document.getElementsByTagName获得的对象（HTMLCollection），HTMLCollection 是一个接口，表示 HTML 元素的集合，它提供了可以遍历列表的方法和属性。他是一个类数组对象，通过[].slice.call(arguments)就可以将它转换为一个数组

3 slice本来只是Array和 String的方法，为什么可以直接用在类数组上面？小伙子，我们到了该去看看Array.prototype.slice源码的时候了！

function slice(start, end) { 
var len = ToUint32(this.length), result = []; 
for(var i = start; i < end; i++) { 
result.push(this[i]); 
} 
return result; 
}

可以看出，slice 并不需要 this 为 array 类型，只需要有 length 属性即可。并且 length 属性可以不为 number 类型，当不能转换为数值时，ToUnit32(this.length) 返回 0.

转载于:https://my.oschina.net/u/3372979/blog/1518672