recorriendo a través de un objeto (árbol) recursivamente

en javascript o jQuery, atravesando un objeto y sus descendientes se pueden lograr usando para ... en bucle:

[&]

for (var key in foo) {
  if (key == "child") {
    // Do something with child
  }
  if (key == "bar") {
    // Do something with bar
  }
  if (key == "grand") {
    // Do something with grand
  }
}

Tenga en cuenta que el para ... en bucle itera sobre todas las propiedades enumerables, incluidas las heredadas del prototipo del objeto. Para evitar actuar en propiedades heredadas, use aSownProperty:

for (var key in foo) {
  if (!foo.hasOwnProperty(key)) continue;
  if (key == "child") {
    // Do something with child
  }
}

recursivo bucle

para bucle recursivamente, cree una función recursiva:

function eachRecursive(obj) {
  for (var key in obj) {
    if (typeof obj[key] === "object" && obj[key] !== null) {
      eachRecursive(obj[key]);
    } else {
      // Do something with primitive value
    }
  }
}

Esta función puede manejar tanto objetos como matrices, atravesando su estructura anidada recursivamente.