JavaScript
var object = {"metadata":{"record_count":9,"page_number":1,"records_per_page":9},"records":[{"name":"Kitchen","id":666,"parent_id":0,"children":[{"name":"Utensils","id":691,"parent_id":666,"children":[{"name":"New Utensils","id":692,"parent_id":691,"children":null}]},{"name":"Metal","id":712,"parent_id":666,"children":null}]},{"name":"Jewellery","id":667,"parent_id":0,"children":null},{"name":"BabyProducts","id":668,"parent_id":0,"children":null},{"name":"Books","id":669,"parent_id":0,"children":null},{"name":"Apparel","id":670,"parent_id":0,"children":null},{"name":"Story Books","id":689,"parent_id":0,"children":[{"name":"Children's Story Books","id":690,"parent_id":689,"children":null}]},{"name":"Electronics","id":693,"parent_id":0,"children":null},{"name":"Berets","id":701,"parent_id":0,"children":null},{"name":"Flowers","id":711,"parent_id":0,"children":null}]};
var vDOM = document.createDocumentFragment();
function formCategoryTrees(object,par) {
var ul = document.createElement('ul');
_.each(object,function(objectValues ){
var li = document.createElement('li');
var leafCategoryId = objectValues["id"];
var leafCategoryName = objectValues["name"];
li.appendChild(document.createTextNode(leafCategoryName + " " + leafCategoryId));
if(objectValues["children"]) {
formCategoryTrees(objectValues["children"],li);
}
ul.appendChild(li);
})
par.appendChild(ul);
}
formCategoryTrees(object.records,vDOM);
document.body.appendChild(vDOM);