> For the complete documentation index, see [llms.txt](https://lochiwei.gitbook.io/web/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://lochiwei.gitbook.io/web/browser/dom/type/nodelist/nodelist-vs.-array.md).

# NodeList vs. Array

[🔰 JS](/web/js.md) ⟩ [browser](/web/browser.md) ⟩ [DOM](/web/browser/dom.md) ⟩ [types](/web/browser/dom/type.md) ⟩ [NodeList](/web/browser/dom/type/nodelist.md) ⟩ NodeList vs. Array

{% tabs %}
{% tab title="⭐️ 重點" %}
{% hint style="warning" %}

* <mark style="color:red;">**can not**</mark> use <mark style="color:blue;">push()</mark>, <mark style="color:blue;">pop()</mark>, <mark style="color:blue;">slice()</mark>, <mark style="color:blue;">join()</mark> directly on [NodeList](/web/browser/dom/type/nodelist.md).
* [NodeList](/web/browser/dom/type/nodelist.md) can be a [live collection](https://attacomsian.com/blog/javascript-nodelist#live-vs-static-nodelist).
* [Array](/web/js/val/builtin/arr.md) is a [JavaScript](/web/js.md) built-in object, [NodeList](/web/browser/dom/type/nodelist.md) is [browser](/web/browser.md) API.
  {% endhint %}
  {% endtab %}

{% tab title="📗 參考" %}

* [x] [Difference between a NodeList and an Array in JavaScript](https://attacomsian.com/blog/javascript-nodelist-vs-array)
  {% endtab %}

{% tab title="👥 相關" %}

* [Array](/web/js/val/builtin/arr.md)
* [querying elements](/web/browser/dom/querying-elements.md)
  {% endtab %}
  {% endtabs %}