类数组

类数组是什么了?看起来像个数组,但是又没有数组的方法

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的位置决定最终值

优点:
类数组既有对象的属性,又有数组的方法,因此功能更加强大
缺点:
类数组的并没有数组所有方法

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容