javascript - 在 HTML5 中显示嵌套的不等长 JSON 数组

Question

我有具有不等长度元素的嵌套数组的 JSON 字符串，如下所示，我想使用 Javascript 或 Angular.js 在页面中显示它。

{ [
   'id':1,
   'value':'tes1'
   'nextLevel':['id':12,
     'value':'tes12'
     'nextLevel':['id':13,
                  'value':'tes13',
                   nextLevel:null ],
     ]

   ],

['id':2,
   'value':'tes2'
   'nextLevel':null ]
]

这里的nextLevel可以为null，也可以嵌套另一个数组，嵌套数组又会嵌套另一个数组。

我想将所有数组元素显示到一个列表中，父列表元素具有指向子列表元素的链接，直到找不到子元素。

有人可以发布有关如何执行此任务的步骤吗？因为我能够找到等长数组的示例，但找不到此嵌套情况的示例。

Answer 1

我认为这需要所谓的递归函数。 Recursion (JavaScript)

每次通过该方法时，它都会检查下一个级别是否为空，如果不是，则“递归”调用自身，传递下一个级别。

http://jsfiddle.net/k8Lratja/

var ary = {
    'id': 1,
        'value': 'tes1',
        'nextLevel': {
        'id': 12,
            'value': 'tes12',
            'nextLevel': {
            'id': 13,
                'value': 'tes13',
                'nextLevel': null
        }
    }
};

function objectDisplay(objectIn) {
    document.write(objectIn.id + ' ' + objectIn.value + "<br />");
    if (objectIn.nextLevel !== null) {
        objectDisplay(objectIn.nextLevel);
    }
}

objectDisplay(ary);