将 JavaScript NodeList 转换为数组的最快方法

NodeList是类似于数组的节点集合。它基本上是 DOM 元素的集合。为了使用 NodeList，我们可以将其转换为常规 JavaScript 数组，以便可以使用数组的特性和灵活性。 NodeList 是一个宿主对象，不受适用于原生 JavaScript 对象的通常规则的约束。

方法：有很多方法可以将 NodeList 转换为 JavaScript 数组，但最快的是来自 ES6 的新方法。在 ES6 中，我们现在可以简单地使用Array.from()方法从 NodeList 创建一个数组。此方法用于从类数组或可迭代对象创建浅复制的新 Array 实例。在这种情况下，我们正在转换的 NodeList 是类似数组的对象。

句法：

let my_arr = Array.from( given_nodelist )

例子：

HTML

  

    
        GeeksforGeeks
    
    
  
        
            A Computer Science portal for geeks.
            It contains well written, well thought
            and well explained computer science and
            programming articles, quizzes and
            placement guides.
        
  
    
    
  
        This example demonstrates the fastest
            way to convert from a NodeList to an array.
        
  
    
    
  
        // This will act select all div DOM 
        elements in the page
        let nodelist =
            document.querySelectorAll('div');
  
        // This will convert the DOM NodeList
        // to a JavaScript Array Object
        let my_arr = Array.from(nodelist);
  
        // Display the array in the console
        console.log(my_arr);
  
        // Display all the values of the 
        // array in the console
        for (let val of my_arr) {
            console.log(val);
        }
    

  

输出：

控制台输出：