Como percorrer Objetos em JS?
Tipo, tenho um Json
{
children":[
{}
]
}
a questao é, que as vezes existem objetos dentro de objetos e as vezes nao, dentro desse children, posso ter outro children, e assim em diante.
Stack Overflow em Português é um site de perguntas e respostas para programadores profissionais e entusiastas. Leva apenas um minuto para se inscrever.
Inscreva-se para participar desta comunidadeAqui fica uma sugestão:
function criarSubPasta(obj, parent) {
// criar <li>nome</li>
var nameLi = document.createElement('li');
nameLi.innerHTML = obj.name;
parent.appendChild(nameLi);
// parar aqui se não houver children
if (!obj.children) return;
// preparar um novo <ul></ul> para as subpastas
var childrenLi = document.createElement('li');
var ul = document.createElement('ul');
parent.appendChild(childrenLi);
childrenLi.appendChild(ul);
obj.children.forEach(function(child) {
// correr a mesma lógica recursivamente nas subpastas
criarSubPasta(child, ul);
});
}
criarSubPasta(json, document.querySelector('ul'));
var json = [{
"id": "152",
"repository": "1",
"name": "Repositório",
"created_by": {
"id": "14",
"name": "",
"username": ""
},
"created_at": "",
"last_updated_by": {
"id": "6",
"name": "",
"username": ""
},
"last_updated_at": "",
"children": [{
"id": "688",
"repository": "1",
"parent": "152",
"name": "Licitações",
"created_by": "6",
"created_at": "2147483647",
"last_updated_by": "245",
"last_updated_at": "2147483647",
"active": "1",
"children": [{
"id": "722",
"repository": "1",
"parent": "688",
"name": "Federais",
"created_by": "6",
"created_at": "2147483647",
"last_updated_by": "7",
"last_updated_at": "2147483647",
"active": "1"
},
{
"id": "724",
"repository": "1",
"parent": "688",
"name": "Estaduais",
"created_by": "6",
"created_at": "2147483647",
"last_updated_by": "7",
"last_updated_at": "2147483647",
"active": "1"
},
{
"id": "740",
"repository": "1",
"parent": "688",
"name": "Municipais",
"created_by": "245",
"created_at": "2147483647",
"last_updated_by": "7",
"last_updated_at": "2147483647",
"active": "1",
"children": [{
"id": "778",
"repository": "1",
"parent": "740",
"name": "2017",
"created_by": "7",
"created_at": "1484311566",
"last_updated_by": "7",
"last_updated_at": "1484311566",
"active": "1"
}]
}
]
},
{
"id": "689",
"repository": "1",
"parent": "152",
"name": "Dossiê Funcional",
"created_by": "6",
"created_at": "2147483647",
"last_updated_by": "6",
"last_updated_at": "2147483647",
"active": "1",
"children": [{
"id": "704",
"repository": "1",
"parent": "689",
"name": "Matriz",
"created_by": "6",
"created_at": "2147483647",
"last_updated_by": "7",
"last_updated_at": "2147483647",
"active": "1"
},
{
"id": "718",
"repository": "1",
"parent": "689",
"name": "Filiais",
"created_by": "236",
"created_at": "2147483647",
"last_updated_by": "7",
"last_updated_at": "2147483647",
"active": "1"
}
]
},
{
"id": "690",
"repository": "1",
"parent": "152",
"name": "Notas Fiscais",
"created_by": "6",
"created_at": "2147483647",
"last_updated_by": "6",
"last_updated_at": "2147483647",
"active": "1",
"children": [{
"id": "697",
"repository": "1",
"parent": "690",
"name": "Serviço",
"created_by": "6",
"created_at": "2147483647",
"last_updated_by": "6",
"last_updated_at": "2147483647",
"active": "1"
},
{
"id": "698",
"repository": "1",
"parent": "690",
"name": "Material",
"created_by": "6",
"created_at": "2147483647",
"last_updated_by": "6",
"last_updated_at": "2147483647",
"active": "1"
},
{
"id": "699",
"repository": "1",
"parent": "690",
"name": "Despesas",
"created_by": "6",
"created_at": "2147483647",
"last_updated_by": "6",
"last_updated_at": "2147483647",
"active": "1"
}
]
}
]
}];
function criarSubPasta(obj, parent) {
var nameLi = document.createElement('li');
nameLi.innerHTML = obj.name;
parent.appendChild(nameLi);
if (!obj.children) return;
var childrenLi = document.createElement('li');
var ul = document.createElement('ul');
parent.appendChild(childrenLi);
childrenLi.appendChild(ul);
obj.children.forEach(function(child) {
criarSubPasta(child, ul);
});
}
json.forEach(function(obj) {
var ul = document.createElement('ul');
document.body.appendChild(ul);
criarSubPasta(obj, ul);
});
children
que seja array. Não importa a profundidade.
children
é uma array, queres aceder uma a uma, mudar algo, substituir, ?? Dá uma exemplo para a pergunta ficar mais clara.