您的位置:首页 > Web前端 > JavaScript

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

2017-08-22 00:00 281 查看
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.
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: