Преобразование NodeList в массив в JavaScript

  1. Array.from(): вы можете использовать метод Array.from()для преобразования NodeList в массив. Например:

    const nodeList = document.querySelectorAll('.example'); // Assuming '.example' is the CSS selector for the desired elements
    const array = Array.from(nodeList);
  2. Оператор расширения. Оператор расширения (…) также можно использовать для преобразования NodeList в массив. Вот пример:

    const nodeList = document.querySelectorAll('.example');
    const array = [...nodeList];
  3. Array.prototype.slice(): метод slice()можно применить к NodeList с помощью метода call()для преобразования его в множество. Вот пример:

    const nodeList = document.querySelectorAll('.example');
    const array = Array.prototype.slice.call(nodeList);
  4. Array.prototype.forEach(): вы можете перебирать NodeList с помощью метода forEach()и помещать каждый элемент в новый массив. Вот пример:

    const nodeList = document.querySelectorAll('.example');
    const array = [];
    nodeList.forEach((element) => {
    array.push(element);
    });
  5. Array.prototype.map(): метод map()можно использовать для преобразования NodeList в массив путем сопоставления каждого элемента с новым массивом. Вот пример:

    const nodeList = document.querySelectorAll('.example');
    const array = Array.prototype.map.call(nodeList, (element) => element);