js类数组对象

1. 定义：拥有length属性的对象

//length决定元素个数
var o1 = { 2: 2, 1: 1, length: 4, a: 3 }
var o2 = { 2: 2, 1: 1, a: 3 }
Array.prototype.slice.call(o1)  //[empty, 1, 2, empty]
Array.prototype.slice.call(o2)  //[]
Array.prototype.join.call(o1, '')    //"12"
Array.prototype.join.call(o2, '')    //""

2. 特点

• （对象）不具备数组的方法
• 索引类属性：非负整数（当做字符串解析）

//属性访问或赋值，key均为字符串
Object.keys(o2)[0]  //"1"
o2[1]               //1
o2['1']             //1

3. 常见例子

• arguments对象

//arguments对象：由参数列表组成
function f() {
    return arguments
}
var arg = f(1, 2)
Array.isArray(arg)      //false
arg     //Arguments(2) [1, 2, callee: ƒ, Symbol(Symbol.iterator): ƒ]
arg.length  //2
Array.prototype.slice.call(arg) //[1, 2]

• DOM对象

//dom对象
var eles = document.getElementsByTagName('p')
eles            //HTMLCollection(3) [p, p, p]
Array.isArray(eles)     //false
eles.length     //3
Array.prototype.slice.call(eles)    //(3) [p, p, p]

4. 类数组转化为数组

• Array.prototype.slice.call
• Array.from

//类数组转化成数组
var o1 = { 2: 2, 1: 1, length: 4 }
Array.isArray(Array.prototype.slice.call(o1))       //true
Array.from(o1)                  //[undefined, 1, 2, undefined]
Array.isArray(Array.from(o1))       //true