js 类数组

基本原则

• 类数组为对象，但有一些数组的方法，用起来像数组，因为其本质为对象，也有对象的用法
• 属性要为索引（数字）属性，必须有length属性，最好加上push方法

举例子

var obj = {
	0: 'a',
	1: 'a',
	2: 'a',
	3: 'b',
	length: 4,
	push: Array.prototype.push
}
obj.push('b');
obj.length; //5
obj[4]; // b

这就是一个类数组，你发现可以使用数组的方法，像数组一样访问值，实际上，深入去看你会发现，obj.push调用的是数组的push方法，obj.length访问的是自己的属性，obj[4]访问的也是自己的属性。

• 智力题

var obj = {
	2: 'a',
	3: 'b',
	length: 2,
	push: Array.prototype.push
}
obj.push('c','d','e');

控制台打印obj，你会发现它是长这样子的：

为啥呢，根据之前类数组的push表现，你大概可以猜到，在类数组里面，Array.prototype.push大致表现如下：

Array.prototype.push = function() {
    //传入参数个数
	var len = arguments.length;
	for(var i = 0; i < len; i++){
        //属性赋值
		this[this.length] = arguments[i];
        //将类数组length属性加1
		this.length++;
	}
	return this.length;
}

所以，你执行obj.push('c','d','e')时，首先调用了Array.prototype.push，然后进行对象属性赋值，第一次，直接为属性2赋值，接着为3赋值，之后为4赋值，所以2/3属性值均被覆盖，4由于原来没有，赋值相当于增加了一个属性。

 

所以，从上面来看，用类数组时时刻要记住，它的本质是一个对象！可以像数组那么访问值及使用，但不能用数组的思维去看它。

另外，在DOM和BOM中，系统生成的数组样的大部分均为类数组。