在JavaScript中，有时需要将DOM节点列表转换为数组，以便更容易地进行操作和进行进一步处理。以下是如何使用JavaScript将DOM节点列表转换为数组。

使用Array.from()方法

在ES6中，可以使用“Array.from()”方法将DOM节点列表转换为数组。这个方法接受一个类数组对象，如节点列表，并返回一个真正的数组。以下是一个示例：

const nodeList = document.querySelectorAll('li');
const arrayOfNodes = Array.from(nodeList);

在这个例子中，我们首先选择了所有的li元素并将它们存储在一个节点列表中。然后，我们使用“Array.from()”将节点列表转换为一个真正的数组。

使用展开操作符

除了使用“Array.from()”方法，还可以使用展开操作符“...”将节点列表转换为数组。以下是一个示例：

const nodeList = document.querySelectorAll('li');
const arrayOfNodes = [...nodeList];

在这个例子中，我们使用“...”展开操作符将节点列表转换为一个真正的数组。

总结

无论是使用“Array.from()”方法还是使用展开操作符“...”，我们都可以轻松地将DOM节点列表转换为数组，并在代码中使用它们。这提供了更大的灵活性和更易于使用DOM元素。