NodeList: метод forEach()

Метод forEach() интерфейса NodeList вызывает переданный в качестве параметра колбэк-функцию один раз для каждой пары значений в списке в порядке вставки.

callback

Функция, которая будет выполнена для каждого элемента someNodeList. Она принимает 3 параметра:

currentValue

Текущий элемент, обрабатываемый в someNodeList.

currentIndex Необязательно

Индекс обрабатываемого currentValue в someNodeList.

listObj Необязательно

someNodeList, к которому применяется forEach().

thisArg Необязательно

Значение, используемое в качестве this при выполнении callback.

undefined.

const node = document.createElement("div");
const kid1 = document.createElement("p");
const kid2 = document.createTextNode("hey");
const kid3 = document.createElement("span");

node.appendChild(kid1);
node.appendChild(kid2);
node.appendChild(kid3);

const list = node.childNodes;

list.forEach(function (currentValue, currentIndex, listObj) {
  console.log(`${currentValue}, ${currentIndex}, ${this}`);
}, "myThisArg");

Вышеприведенный код приводит к следующему:

[object HTMLParagraphElement], 0, myThisArg
[object Text], 1, myThisArg
[object HTMLSpanElement], 2, myThisArg

• Полифил NodeList.prototype.forEach в core-js
• Node
• NodeList