JavaScript 类数组对象

定义


JavaScript 类数组对象的定义:

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

没有数组的其他方法,例如 pushforEachindexOf 等。

举例说明

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}
Show Comments