html table basé sur l'arbre d'objet json

Question

J'ai un objet json dynamique qui peut contenir différents types d'attributs et d'objets à l'intérieur, pourrait avoir des chaînes de plan ou même des tableaux. J'ai fait un code javascript pour convertir une seule structure JSON en une table HTML, fonctionnait bien mais je voulais l'utiliser pour un JSON dynamique, donc je devrais fondamentalement parcourir l'arbre JSON parents et enfants pour voir comment créer ce tableau HTML.

Mais j'ai quelques problèmes en essayant de valider si un enfant a un objet à l'intérieur, comme ceci: (je ne veux pas ajouter de nombreux détails à l'JSON)

parent: { 
    child_1: { 
     attr1 : value1 
    }, 
    child_2: { 
      [{ attribues and values in an array }] 
    } 
} 

Comment pourrais-je atteindre cet? Je pensais à l'aide de la fonction « typeof » comme ceci:

if (typeof key === 'array') { 
    // do something 
}else{ 
    // do another stuff 
} 

Mais je ne crois pas que cela fonctionnerait bien, pouvez-vous les gars me aider?

Merci d'avance.

Answer 1

La vérification typeof key === 'array' est incorrecte car pour les tableaux typeof retournera "object". Vous pouvez essayer d'utiliser à la place instanceof:

if (key instanceof Array) { 
    // do something 
} else { 
    // do another stuff 
} 

Mais cela échouera si votre JSON a été créé dans un autre cadre. Une autre option est de vérifier toString()

Object.prototype.toString.call(key).indexOf('Array') > 0 

ou pour vérifier

Array.isArray(key) 

mais il n'a pas pris en charge par tous les navigateurs.

Description typeof vous pouvez voir ici https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Operators/typeof