Comment parcourir un objet (arbre) de manière récursive en JavaScript ou jQuery ?

Parcourir un objet (arbre) de manière récursive

En JavaScript ou jQuery, la traversée d'un objet et de ses descendants peut être réalisée à l'aide du for. ..in loop :

<code class="javascript">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
  }
}</code>

Notez que la boucle for...in parcourt toutes les propriétés énumérables, y compris celles héritées du prototype de l'objet. Pour éviter d'agir sur les propriétés héritées, utilisez hasOwnProperty :

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

Bouclage récursif

Pour boucler de manière récursive, créez une fonction récursive :

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

Cette fonction peut gérer à la fois des objets et des tableaux, en parcourant leur structure imbriquée de manière récursive.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!