Traverser tous les nœuds d'un arbre d'objets JSON avec JavaScript

Question

J'aimerais parcourir un arbre d'objets JSON, mais je ne trouve aucune bibliothèque pour cela. Cela ne semble pas difficile mais j'ai l'impression de réinventer la roue.

Dans XML, il y a tellement de tutoriels montrant comment traverser un arbre XML avec DOM :(

Answer 1

Cela dépend de ce que vous voulez faire. Voici un exemple de traversée d'un arbre d'objets JavaScript, avec impression des clés et des valeurs au fur et à mesure :

function js_traverse(o) {
    var type = typeof o 
    if (type == "object") {
        for (var key in o) {
            print("key: ", key)
            js_traverse(o[key])
        }
    } else {
        print(o)
    }
}

js> foobar = {foo: "bar", baz: "quux", zot: [1, 2, 3, {some: "hash"}]}
[object Object]
js> js_traverse(foobar)                 
key:  foo
bar
key:  baz
quux
key:  zot
key:  0
1
key:  1
2
key:  2
3
key:  3
key:  some
hash

Answer 2

Si vous parcourez un véritable JSON chaîne de caractères vous pouvez alors utiliser une fonction de relance.

function traverse (json, callback) {
  JSON.parse(json, function (key, value) {
    if (key !== '') {
      callback.call(this, key, value)
    }
    return value
  })
}

traverse('{"a":{"b":{"c":{"d":1}},"e":{"f":2}}}', function (key, value) {
  console.log(arguments)
})

Lors du déplacement d'un objet :

function traverse (obj, callback, trail) {
  trail = trail || []

  Object.keys(obj).forEach(function (key) {
    var value = obj[key]

    if (Object.getPrototypeOf(value) === Object.prototype) {
      traverse(value, callback, trail.concat(key))
    } else {
      callback.call(obj, key, value, trail)
    }
  })
}

traverse({a: {b: {c: {d: 1}}, e: {f: 2}}}, function (key, value, trail) {
  console.log(arguments)
})

Answer 3

Je voulais utiliser la solution parfaite de @TheHippo dans une fonction anonyme, sans utiliser les fonctions process et trigger. Ce qui suit a fonctionné pour moi, en partageant pour les programmeurs novices comme moi.

(function traverse(o) {
    for (var i in o) {
        console.log('key : ' + i + ', value: ' + o[i]);

        if (o[i] !== null && typeof(o[i])=="object") {
            //going on step down in the object tree!!
            traverse(o[i]);
        }
    }
  })
  (json);

Answer 4

La plupart des moteurs Javascript n'optimisent pas la récursion de queue (ce n'est peut-être pas un problème si votre JSON n'est pas profondément imbriqué), mais j'opte généralement pour la prudence et préfère l'itération, par exemple

function traverse(o, fn) {
    const stack = [o]

    while (stack.length) {
        const obj = stack.shift()

        Object.keys(obj).forEach((key) => {
            fn(key, obj[key], obj)
            if (obj[key] instanceof Object) {
                stack.unshift(obj[key])
                return
            }
        })
    }
}

const o = {
    name: 'Max',
    legal: false,
    other: {
        name: 'Maxwell',
        nested: {
            legal: true
        }
    }
}

const fx = (key, value, obj) => console.log(key, value)
traverse(o, fx)

Answer 5

Mon script :

op_needed = [];
callback_func = function(val) {
  var i, j, len;
  results = [];
  for (j = 0, len = val.length; j < len; j++) {
    i = val[j];
    if (i['children'].length !== 0) {
      call_func(i['children']);
    } else {
      op_needed.push(i['rel_path']);
    }
  }
  return op_needed;
};

Entrée JSON :

[
    {
        "id": null, 
        "name": "output",   
        "asset_type_assoc": [], 
        "rel_path": "output",
        "children": [
            {
                "id": null, 
                "name": "output",   
                "asset_type_assoc": [], 
                "rel_path": "output/f1",
                "children": [
                    {
                        "id": null, 
                        "name": "v#",
                        "asset_type_assoc": [], 
                        "rel_path": "output/f1/ver",
                        "children": []
                    }
                ]
            }
       ]
   }
]

Appel de fonction :

callback_func(inp_json);

Sortie selon mes besoins :

["output/f1/ver"]