Javascript 类数组对象

Javascript中的类数组对象（Array-like object)指的是一些看起来像数组但又不是数组的对象。Javascript中的arguments变量、document.getElementsByTagName()返回值就是典型的类数组对象。

####类数组特性

  • 类数组对象具有一个length属性且length的值为非负整数。
  • 类数组对象不具有数组对象的方法。例如：push、 pop等方法。

类数组对象可以像数组一样遍历，但不支持数组对象的方法。

function test1() {
    for(var i = 0; i < arguments.length; i++) {
    	console.log(arguments[i]);
    }
    
    console.log(arguments instanceof Array);
}
test1(2, 3);
/* 输出
2
3
false
*/

function test2(){
	arguments.push(1);
}
test2();
/* 报错
TypeError: undefined is not a function
*/

####将类数组对象转化为数组 slice 方法可以用来将一个类数组(Array-like)对象转换成一个数组。 你只需要用数组原型上的slice方法call这个对象。

function arrayify( a ) {
	return Array.prototype.slice.call( a );
}

function test3() {
	var arrayified = arrayify(arguments);
    arrayified.push(1);
    console.log(arrayified);
    console.log(arrayified instanceof Array);
}

test3(2, 3);
/* 输出
[2, 3, 1]
true 
*/

也可以简单的使用 [].slice.call(a)代替Array.prototype.slice.call(a)。