通过[].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.
例:可用于通过document.getElementsByTagName获得的对象(HTMLCollection),HTMLCollection 是一个接口,表示 HTML 元素的集合,它提供了可以遍历列表的方法和属性。他是一个类数组对象,通过[].slice.call(arguments)就可以将它转换为一个数组
3 slice本来只是Array和 String的方法,为什么可以直接用在类数组上面? 小伙子,我们到了该去看看Array.prototype.slice源码的时候了!
可以看出,slice 并不需要 this 为 array 类型,只需要有 length 属性即可。并且 length 属性可以不为 number 类型,当不能转换为数值时,ToUnit32(this.length) 返回 0.
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.
相关文章推荐
- Array.prototype.slice.call(arguments,1),类数组转化为数组
- 转对象(含length属性)成数组Array.prototype.slice.call(arguments)
- Array.prototype.slice.call(arguments) 类数组转成真正的数组
- JavaScript学习之:Slice无参调用可以将对象转化成数组
- arr=Array.prototype.slice.call(arrLikeObject)类数组对象转数组
- 伪数组转为数组 Array.prototype.slice.call(arguments)
- array.slice.call 对象转数组
- Array.prototype.slice.apply(arguments) 将函数参数转化为数组
- JS类数组转数组(Array.prototype.slice.call(arrayLike,0))
- 【笔记】js Array.prototype.slice.call(arguments) 将函数的参数转换为数组方法的见解
- JS基础篇--函数实际参数转换成数组的方法[].slice.call(arguments)
- 将函数的实际参数转换成数组的方法,习惯用Array.prototype.slice.call(arguments)
- 观V8源码中的array.js,解析 Array.prototype.slice为什么能将类数组对象转为真正的数组?
- JavaScript学习之:Slice无参调用可以将对象转化成数组
- js爬虫拿到的字符串数据转化成数组再转化成json对象
- 【第21篇】通过Gson去把字符串转成json,对象转成Json,数组转换成Json处理Json数据
- Array.prototype.slice.call(arguments)
- JS 将变量 转化为字符串的方法, 适用于所有类型,数组, 对象,函数和基本类型等
- JavaScript深入之类数组对象与arguments
- JavaScript 函数内的arguments 对象转换为数组