类数组是什么了?看起来像个数组,但是又没有数组的方法
function test() {
console.log(arguments)
arguments.push(7) // 报错
}
test(1,2,3,4,5,6)
下面来看一个例子:有个obj的对象该对象有0,1,2,3个属性,还有length和push方法,push用的是数组的push方法,执行完会怎样?
var obj = {
"0": "a",
"1": "b",
"2": "c",
"length": 3,
"push": Array.prototype.push, // 必须要有push属性
"splice": Array.prototype.splice // 加上该属性后 控制台打印的就和数组形态一样了
}
obj.push('d')
执行结果:
image.png
结果发现属性增加3:"d", 长度也变为4;
是对象可以当数组一样用,这个就是类数组
类数组push实现:
Array.prototype.push = function(target) {
obj[obj.length] = target;
obj.length++;
}
知道原理后,那下面输出的结果就能理解了:
var obj = {
"2": "a",
"3": "b",
"length": 2,
"push": Array.prototype.push
}
obj.push('c')
obj.push('d')
结果如下:
image.png
关键点在obj.length, length的位置决定最终值
优点:
类数组既有对象的属性,又有数组的方法,因此功能更加强大
缺点:
类数组的并没有数组所有方法