摘要：伪数组的伪数组理解什么是伪数组定义但是有属性以下是常见伪数组对象伪数组转为真数组自定义伪数组类数组从对象构建伪数组的两个条件具有具有中任意一个并调用最终结果就是生成这个属性具有名为的方法类数组当作数组使用的原理相当于的键名上述也可以用来写特
伪数组
什么是伪数组?javascript的伪数组理解
定义：obj instanceof Array === false 但是有length属性
以下是常见伪数组：
arguments
NodeList、HTMLCollection
jQuery对象
伪数组转为真·数组Array.prototype.splice.call(obj)
自定义伪数组 类数组//从对象构建伪数组的两个条件：
//1. 具有length || 具有pushunshiftpopshift中任意一个并调用(最终结果就是生成length这个属性)
//2. 具有名为splice的方法
var obj={
length:0,
splice(){}
};
console.log(obj);
var obj2={
push:[].push,
splice(){}
};
obj2.push();
console.log(obj2);
类数组当作数组使用的原理：length相当于obj的键名
var obj={
length:0,
splice(){},
push:Array.prototype.push
};
obj[0]=10;
obj.push(1,2,3);
console.log(obj);//[1,2,3,splice:f,push:f]
var obj2={
length:1,
splice(){},
push:Array.prototype.push
};
obj2[0]=10;
obj2.push(1,2,3);
console.log(obj2);//[10,1,2,3,splice:f,push:f]
//上述push也可以用apply来写
{ push:function () {
return [].push.apply(this,arguments);
}}
特别的，两种DOM伪数组的区别
1. getElementsByTagName 得到的是 HTMLCollections类
// 如果有一个ID为"test"的元素，可以直接取得
document.getElementsByTagName("div").test
如上，ID元素会被直接列在HTMLCollections对象里的同名键中
item(),length,namedItem()
2.querySelector 得到的是 NodeList类document.querySelectorAll("div").forEach((a,b,c)=>{
console.log("第一个参数:" + a + "值");
console.log("第二个参数:" + b + "键");
console.log("第三个参数:" + c + "自身");
});
forEach()
item(),length
典型ES6对象特性，entries,keys,values
共性
