JavaScript 类数组对象

定义

JavaScript 类数组对象的定义：

可以通过索引访问元素，并且拥有 length 属性；

没有数组的其他方法，例如 push ， forEach ， indexOf 等。

举例说明

var foo = {    0: 'Java',    1: 'Python',    2: 'Scala',    length: 3}

转换

如果类数组对象需要转化为数组，可以用 Array.prototype.slice.call

var foo = {    0: 'Java',    1: 'Python',    2: 'Scala',    length: 3}var arr = Array.prototype.slice.call(foo);

其实一开始看到这个表达式感觉比较费解，后来查了一些资料，终于明白了，特别做一些说明：

第一， foo 本来是没有 slice 方法的， Array.prototype.slice.call(foo) 这个表达式相当于赋予 foo 这个对象 slice 方法。

第二， Array.prototype.slice.call(foo); 相当于 Array.prototype.slice.call(foo, 0); 是把取一个数组（或者类数组）的子集，并作为一个数组返回。所以当后面的作用对象是一个类数组时，就会把这个类数组对象转换为了一个新的数组。

所以，上面的一段代码等价于

var foo = {    0: 'Java',    1: 'Python',    2: 'Scala',    length: 3}foo.slice = Array.prototype.slice;foo.slice();

特性

类数组只有索引值和长度，没有数组的各种方法，所以如果要类数组调用数组的方法，就需要使用 Array.prototype.method.call 来实现。

例如，如果遍历一个类数组，可以这样实现：

Array.prototype.forEach.call(foo, function(item){    console.log(item);});

添加一个元素

Array.prototype.push.call(foo, 'PHP');// foo = {0: "Java", 1: "Python", 2: "Scala 111", 3: "PHP", length: 4}

原文：https://blog.taotao.io/javascript-array-like-object/

关键字：JavaScript

版权声明

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符，请点击 举报 进行投诉反馈！