基于json对象树的html表

Question

我有一个动态的json对象，可以包含不同类型的属性和对象，可以有平面字符串或甚至数组。 我做了一个JavaScript代码来转换单个JSON结构到一个HTML表，工作很好，但ID喜欢使它成为一个动态的JSON，所以基本上我需要遍历JSON树的父母和孩子，看看我如何创建这个HTML表格。

但我确实有一些问题，试图验证，如果一个孩子有一个对象的内部，像这样的时候：（我不希望添加到许多细节的JSON）

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

我怎么能做到这一点？我正在考虑使用“typeof”功能，如下所示：

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

但我不相信它会工作得很好，你们能帮助我吗？

在此先感谢。

Answer 1

检查typeof key === 'array'不正确，因为对于阵列typeof将返回"object"。你可以尝试使用instanceof代替：

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

但是，如果你的JSON在另一帧创建这将失败。 另一种方法是检查toString()

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

或检查

Array.isArray(key) 

，但它不被所有浏览器支持。

的typeof说明你可以在这里看到https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Operators/typeof