收藏不是數組-js教程-PHP中文網

A collection is not an array

收藏不是數組

我對Dom 元素（更正式稱為Nodelist）的集合無法像數組那樣操縱的事實感到不滿，因為它不是一個。但是它看起來確實像一個，認為這是JavaScript新手經常犯的一個錯誤，即對於我們即將推出的JavaScript參考，我認為有必要注意這一點，因為>每個> dom> dom 對象，或返回集合。

您可以通過像數組這樣的收藏來迭代：

for(var i=0; i<collection.length; i++)
{
	//whatever
}

登入後複製

但是您不能使用push（），splice（）或rectress（）之類的數組方法來操縱它。

除非您可以，如果您採取下一步並將其轉換為數組。實際上，這是微不足道的：

function collectionToArray(collection)
{
	var ary = [];
	for(var i=0, len = collection.length; i < len; i++)
	{
		ary.push(collection[i]);
	}
	return ary;
}

登入後複製

上面的代碼是完全跨瀏覽器的，並以原始集合作為參數稱為：

var elements = collectionToArray(document.getElementsByTagName('*'));

登入後複製

但是，如果您只需要處理支持本地對象原型製作的瀏覽器（Opera，Firefox和Safari 3），那麼您可以簡單地創建Nodelist的ToArray（）方法：

NodeList.prototype.toArray = function()
{
	var ary = [];
	for(var i=0, len = this.length; i < len; i++)
	{
		ary.push(this[i]);
	}
	return ary;
};

登入後複製

然後可以將其稱為單個集合的一種方法：

var elements = document.getElementsByTagName('*').toArray();

登入後複製

這種轉換有一個明顯的劣勢（但是完成了），那就是由此產生的陣列將不再是節日式的。顯而易見，是的，但有意義，因為它具有兩個含義：

>它將失去其從Nodelist繼承的屬性和方法。但是，Nodelist只有一個屬性（它的長度，也可用於數組），而一種方法（通常是冗餘的item（）方法，因為成員仍然可以使用Square-bracket符號來引用成員）。因此，這種損失根本不是重大的
>它將不再是現場收藏。 Nodelist是對象集合的參考，如果該集合更改（例如，添加或刪除元素），節點符將自動更新以反映該更改；相反，我們的數組是一個時間點的靜態快照，因此不會根據DOM 的更改進行更新。根據您的申請，這可能很重要。

>有關JavaScript收集和數組的經常詢問的問題

> javascript中的集合和數組之間有什麼區別？這些元素可以是任何類型的元素，包括其他集合。當您需要與一組類似項目一起工作時，通常會使用集合，但是它們沒有與數組相同的方法和屬性。另一方面，數組是代表項目列表的特殊對像類型。陣列具有操縱和查詢其內容的內置方法，例如推送，彈出，移位，解開等等。最常見的方法之一是使用array.from（）函數。此函數從迭代的對象創建一個新的數組實例。以下是一個示例：

讓收集= document.getElementsbytagname（'div'）;

讓array = array.from（collection）;

在本示例中，在本示例中，div元素的集合被轉換為數組。不是數組。但是，您可以使用array.from（）或差異操作員將集合轉換為數組，然後在結果數組上使用數組方法。 >
在JavaScript中使用集合而不是javascript？