Quiero imprimir una lista formateada por nivel. Lo que tengo es una matriz de objetos.
Cada objeto tiene un nivel, por ejemplo, 0, 1, 2. Siendo 0 el nivel más alto y 2 el nivel más interno. Quiero imprimir la lista con una sangría para cada nivel interno
Así que una lista se vería así
0 1 1 2 2Cómo se ve mi código:
for (let category of json.categories) { if ((category.level = 0)) { console.log( category.category + "https://www.example.com/" + category.seo_name ); } else if ((category.level = 1)) { console.log( " " + category.category + " " + "https://www.example.com/" + category.seo_name ); } else if ((category.level = 2)) { console.log( " " + category.category + " " + "https://www.example.com/" + category.seo_name ); } }Esto parece torpe y, lo que es peor, no funciona y no hay sangría.
Ejemplo de objeto:
const json = { categories: [ { category_id: "198", category: "Appliances", seo_name: "appliances", level:0 }, { category_id: "184", category: "Industrial Appliances", seo_name: "industrial-appliances", level:1 }, ], params: { visible: false, sort_order: "asc", }, };¿Qué tal usar PRE y usar el nivel para espaciarlo como se sugiere en un comentario?
const obj = { categories: [ { category_id: "198", category: "Appliances", seo_name: "appliances", level:0 }, { category_id: "184", category: "Industrial Appliances", seo_name: "industrial-appliances", level:1 }, { category_id: "187", category: "Appliances", seo_name: "appliances", level:2 }, ], params: { visible: false, sort_order: "asc", }, }; const container = document.querySelector('pre'); container.innerHTML = obj.categories .map(({level,category,seo_name}) => `${"".padStart(level,"\t")}${category} https://www.example.com/${seo_name}`) .join("\n") <pre></pre>Está asignando valor dentro de su condición if usando = en lugar de == . Además, una forma mucho más limpia es usar el switch en lugar de if (al menos en este caso y en mi opinión), y usar algún bucle para que pueda cambiar fácilmente la cantidad de espacios que puede dejar en su sangría en cualquier momento en lugar de contarlo manualmente como lo tienes en tu código.
var data = [{ level: 0 }, { level: 1 }, { level: 1 }, { level: 2 }, { level: 2 }]; for (let element of data) { let result = ""; switch (element.level) { case 1: for (let index = 0; index < 4; index++) result += " "; result += element.level; break; case 2: for (let index = 0; index < 8; index++) result += " "; result += element.level; break; default: result += element.level; } console.log(result) } var data = [{ level: 0 }, { level: 1 }, { level: 1 }, { level: 2 }, { level: 2 }]; for (let obj of data) { let result = ""; result = ' '.repeat(obj.level * 4) + obj.level; console.log(result) }Si quieres una línea.
var data = [{ level: 0 }, { level: 1 }, { level: 1 }, { level: 2 }, { level: 2 }]; data.forEach(obj => console.log(' '.repeat(obj.level * 4) + obj.level))