資訊專欄INFORMATION COLUMN
摘要：偽數(shù)組的偽數(shù)組理解什么是偽數(shù)組定義但是有屬性以下是常見(jiàn)偽數(shù)組對(duì)象偽數(shù)組轉(zhuǎn)為真數(shù)組自定義偽數(shù)組類數(shù)組從對(duì)象構(gòu)建偽數(shù)組的兩個(gè)條件具有具有中任意一個(gè)并調(diào)用最終結(jié)果就是生成這個(gè)屬性具有名為的方法類數(shù)組當(dāng)作數(shù)組使用的原理相當(dāng)于的鍵名上述也可以用來(lái)寫(xiě)特
偽數(shù)組
什么是偽數(shù)組?javascript的偽數(shù)組理解
定義：obj instanceof Array === false 但是有l(wèi)ength屬性
以下是常見(jiàn)偽數(shù)組：
arguments
NodeList、HTMLCollection
jQuery對(duì)象
偽數(shù)組轉(zhuǎn)為真·數(shù)組Array.prototype.splice.call(obj)
自定義偽數(shù)組 類數(shù)組//從對(duì)象構(gòu)建偽數(shù)組的兩個(gè)條件：
//1. 具有l(wèi)ength || 具有pushunshiftpopshift中任意一個(gè)并調(diào)用(最終結(jié)果就是生成length這個(gè)屬性)
//2. 具有名為splice的方法
var obj={
length:0,
splice(){}
};
console.log(obj);
var obj2={
push:[].push,
splice(){}
};
obj2.push();
console.log(obj2);
類數(shù)組當(dāng)作數(shù)組使用的原理：length相當(dāng)于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來(lái)寫(xiě)
{ push:function () {
return [].push.apply(this,arguments);
}}
特別的，兩種DOM偽數(shù)組的區(qū)別
1. getElementsByTagName 得到的是 HTMLCollections類
// 如果有一個(gè)ID為"test"的元素，可以直接取得
document.getElementsByTagName("div").test
如上，ID元素會(huì)被直接列在HTMLCollections對(duì)象里的同名鍵中
item(),length,namedItem()
2.querySelector 得到的是 NodeList類document.querySelectorAll("div").forEach((a,b,c)=>{
console.log("第一個(gè)參數(shù):" + a + "值");
console.log("第二個(gè)參數(shù):" + b + "鍵");
console.log("第三個(gè)參數(shù):" + c + "自身");
});
forEach()
item(),length
典型ES6對(duì)象特性，entries,keys,values
共性
