.foreach（）对数组与NodeList（JavaScript）[重复]

Question

我听说有时需要将NodeLists更改为数组才能使用forEach（）方法。我必须在什么样的情况下做这件事？

我是这样写的：

const items = document.querySelectorAll('.js-li');
const arrItems = Array.from(items);

items.forEach((v, i, a) => console.log(`${v} / ${i} / ${a}`));
arrItems.forEach((v, i, a) => console.log(`${v} / ${i} / ${a}`));

<ul>
  <li class="js-li">zero</li>
  <li class="js-li">one</li>
  <li class="js-li">two</li>
  <li class="js-li">three</li>
  <li class="js-li">four</li>
</ul>

但是我无法理解with/white array.from（）之间的区别。

Answer 1

看

NODELESTS和数组是两回事，因为NODELESTS实际上不是JavaScript API，而是浏览器API。

像QuerySelectorAll()和GetElementsByTagName()这样的东西不是JavaScript方法，它们是允许您访问DOM元素的浏览器API。然后可以用JavaScript来操作它们。

思考NodeLists和数组的主要方式：NodeLists是一种与语言无关的访问DOM元素的方式，而数组是一个JavaScript对象，可以用来包含一些东西的集合。

它们都有自己的方法和属性，如果需要，您可以将NodeList转换为数组（但不能反过来）。