forEach no es un error de función con JavaScript array

parent.children no es una matriz. Es HTMLCollection y no tiene el método forEach. Puede convertirlo a la matriz primero. Por ejemplo en ES6:

Array.from(parent.children).forEach(function (child) {
    console.log(child)
});

O usando el operador spread:

[...parent.children].forEach(function (child) {
    console.log(child)
});

parent.children devolverá una lista de nodos, técnicamente una colección de elementos html. Es una matriz como objeto, pero no una matriz, por lo que no puede llamar a funciones de matriz directamente sobre ella. En este contexto puede usar Array.from() para convertir eso en una matriz real,

Array.from(parent.children).forEach(child => {
  console.log(child)
})

parent.children es un HTMLCollection que es un objeto similar a una matriz. Primero, tienes que convertirlo a un Array real para usar los métodos Array.prototype.

const parent = this.el.parentElement
console.log(parent.children)
[].slice.call(parent.children).forEach(child => {
  console.log(child)
})

Esto se debe a que parent.children es un NodeList , y no admite el método .forEach (ya que NodeList es una estructura similar a una matriz, pero no una matriz), así que intente llamarlo primero convirtiéndolo en matriz usando

var children = [].slice.call(parent.children);
children.forEach(yourFunc);

Una versión más ingenua, al menos tu seguro de que funciona en todos los dispositivos, sin conversión y ES6 :

const children = parent.children;
for (var i = 0; i < children.length; i++){
    console.log(children[i]);
}

Https://jsfiddle.net/swb12kqn/5 /

No hay ninguna necesidad de forEach, puede iterar usando solo el from's segundo parámetro, así:

let nodeList = [{0: [{'a':1,'b':2},{'c':3}]},{1:[]}]
Array.from(nodeList, child => {
  console.log(child)
});

Dado que está utilizando características de ES6 ( arrow functions ), también puede usar simplemente un for loop así:

for(let child of [{0: [{'a':1,'b':2},{'c':3}]},{1:[]}]) {
  console.log(child)
}

Si usted está tratando de bucle sobre un NodeList como este:

const allParagraphs = document.querySelectorAll("p");

Te recomiendo encarecidamente que lo hagas de esta manera:

Array.prototype.forEach.call(allParagraphs , function(el) {
    // Write your code here
})

Personalmente, he intentado varias maneras, pero la mayoría de ellas no funcionaron, ya que quería hacer un bucle sobre un NodeList, pero este funciona como un encanto, darle una oportunidad!

El NodeList no es un Array, pero lo tratamos como un Array, usando Array. Por lo tanto, ¡necesita saber que no es compatible con navegadores más antiguos!

¿Necesita más información sobre NodeList? Por favor lea su documentación sobre MDN.

Esto siempre ha funcionado para mí

const someElement = document.querySelectorAll('.someElement');

  someElement.forEach((element) => {
    // Your code here
  });