你知道什么叫“类数组”吗？

介绍

类数组：是一种相似数组的对象，并提供了一种用于访问原始二进制数据的机制，但不是真正的数组。

js 中类数组对象有不少，例如arguments、 NodeList、 HTMLCollection、 jQuery等

MDN - JavaScript 类型化数组

对象特性

1. 拥有 length 属性

var a = document.getElementsByTagName("div");
a.__proto__; // HTMLCollection {} 属于类数组对象
a.length; // 44

2. 能够使用数字下标方式访问对象

a[0]; // <div id="app">...</div>

3. 不能使用数组原型方法，如slice、pop等

a.slice; // undefined

4. 使用 instanceof 操做不属于 Array

a instanceof Array; // false
a instanceof Object; // true

5. 能够被转换为真数组

Array.prototype.slice.call()

var arr = Array.prototype.slice.call(a)
arr instanceof Array; // true

Array.from()

var arr = Array.from(a)
arr instanceof Array; // true

6. 可自定义其余属性

a.name = 'div集合';

建立一个类数组

// 1. 建立空对象
var array_like = {};

// 2. 添加下标属性
array_like[0] = 'a';
array_like[1] = 'b';

// 3. 添加length属性 和 push 属性
array_like.length = 2;
array_like.push = Array.prototype.push;

// 4. 调用下
array_like.push('c')

// 5. 检测
console.log(array_like[2]) // c
console.log(array_like.length) // 3
console.log(array_like instanceof Array) // false

// 6. 转换为真数组
var arr = Array.prototype.slice.call(array_like);
arr instanceof Array; // true