資訊專欄INFORMATION COLUMN
摘要：偽數組的偽數組理解什么是偽數組定義但是有屬性以下是常見偽數組對象偽數組轉為真數組自定義偽數組類數組從對象構建偽數組的兩個條件具有具有中任意一個并調用最終結果就是生成這個屬性具有名為的方法類數組當作數組使用的原理相當于的鍵名上述也可以用來寫特
偽數組
什么是偽數組?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
共性
