querySelectorAll 方法會(huì)返回一個(gè)被稱為 node list 的類數(shù)組對象。雖然這些數(shù)據(jù)結(jié)構(gòu)看上去像數(shù)組，但它們并沒有具備像 map、foreach 這樣的數(shù)組方法。那么，如何將這個(gè)類數(shù)組對象轉(zhuǎn)換成 DOM 元素的真正數(shù)組呢？下面，我們提供一種快捷、安全且可重復(fù)使用的解決方案：

在這里，apply 方法可以在指定 this 對象的同時(shí)，以數(shù)組形式傳遞參數(shù)給函數(shù)。根據(jù) MDN 的規(guī)定，apply 可以接受類數(shù)組對象作為參數(shù)，這對于 querySelectorAll 返回的結(jié)果來說恰到好處。當(dāng)我們不需要指定函數(shù)內(nèi)部的 this 值時(shí)，只需將第一個(gè)參數(shù)設(shè)置為 null 或 0 即可。最終得到的結(jié)果，就是一個(gè)具有全部數(shù)組方法的 DOM 元素?cái)?shù)組。

此外，你還可以結(jié)合使用 Array.prototype.slice 和 Function.prototype.call 或 Function.prototype.apply 方法，將類數(shù)組對象作為 this 參數(shù)傳入：

如果你正在使用 ES2015，那么可以直接利用展開運(yùn)算符 ... 來實(shí)現(xiàn)這一操作：

在這三種方法中，你可以選擇最適合你當(dāng)前項(xiàng)目和工作流程的方式來進(jìn)行操作。無論選擇哪種方式，關(guān)鍵的目標(biāo)都是將 node list 轉(zhuǎn)換為真正的數(shù)組，以便充分利用數(shù)組所提供的各種功能和操作。通過這種轉(zhuǎn)換，你的代碼將變得更加簡潔，更容易理解和維護(hù)。