在javascript将NodeList作为Array数组处理的方法

将NodeList作为Array数组处理的方法是在javascript中非常有用的技巧之一。在许多情况下，获得的是NodeList类型的HTML元素集合，我们可能需要对集合进行操作，比如对集合进行排序，筛选等。然而，NodeList不是真正的数组类型，它缺少数组类型的操作和方法。幸运的是，我们可以使用一些技巧将NodeList转换为以进行操作的数组。

在javascript中将NodeList转换为Array数组的一种常见方法是使用Array.from()函数。Array.from()函数将一个类数组对象或可迭代对象转换为一个新创建的数组对象。我们可以将NodeList作为其参数传递。以下是一个示例，展示如何使用Array.from()函数将一个NodeList转换为数组：

const nodeList = document.querySelectorAll('p');
const arr = Array.from(nodeList);
console.log(arr);

在上面的代码中，我们首先使用document.querySelectorAll()获取所有的p元素，并将它们作为一个NodeList类型的对象赋值给nodeList变量。然后，我们将nodeList对象传递给Array.from()函数来创建一个新的数组对象，并将其赋值给arr变量。最后，我们使用console.log()函数来打印arr数组对象到控制台。

除了使用Array.from()函数之外，我们还可以使用Array.prototype.slice.call()函数将NodeList转换为数组。下面是一个代码示例，展示如何使用Array.prototype.slice.call()函数将一个NodeList转换为数组：

const nodeList = document.querySelectorAll('p');
const arr = Array.prototype.slice.call(nodeList);
console.log(arr);

在上面的代码中，我们再次使用document.querySelectorAll()获取所有的p元素，并将它们作为一个NodeList类型的对象赋值给nodeList变量。然后，我们使用Array.prototype.slice.call()函数将nodeList对象转换为数组对象，并将其赋值给arr变量。最后，我们使用console.log()函数将arr数组对象打印到控制台。

无论是使用Array.from()函数还是Array.prototype.slice.call()函数，都可以将NodeList转换为JavaScript中的数组类型。这样，我们就可以使用数组类型的方法对NodeList进行操作，从而更好地控制和处理HTML元素集合。