9

Tengo un objeto de 3 niveles con un codigo que itera por cada nivel, si en caso los niveles incrementan quisiera mejorarlo para que sea mas dinamico, se puede usar recursividad, o aunque sea no recursividad pero como se podria optimizar?

var obj = [{
  "seccion1": {
    "level1": {
      first: "John",
      last: "Doe"
    },
    "level2": {
      first: "juan",
      last: "perez"
    }
  }
}]


obj.forEach(function(item) {

  Object.keys(item).forEach(function(key) {
    let value = item[key];
    
    Object.keys(value).forEach(function(key2) {
       console.log(value[key2].first, value[key2].last);
     
    });
  });
});

El resultado deberia ser: seccion1 level1 john doe level2 juan perez

3
  • Pero que es lo que deseas que devuelva? Un Objeto? Un JSON? Que estructura? el 23 jul. 2019 a las 15:47
  • @PauloUrbanoRivera listo edite mi pregunta, revisalo porfavor, solo quiero mostrar
    – hubman
    el 23 jul. 2019 a las 15:49
  • 4
    sep.. recursividad se usan para estos casos...
    – gbianchi
    el 23 jul. 2019 a las 15:58

4 respuestas 4

8

Debes hacer una funcion recursiva, evitas repetir codigo:

var obj = [{
  "seccion1": {
    "level1": {
      first: "John",
      last: "Doe"
    },
    "level2": {
      first: "juan",
      last: "perez"
    }
  }
}]

function iterarObjeto(objeto){
  Object.keys(objeto).forEach(function(key) {
  
    if(typeof(objeto[key]) === "object"){
     console.info(`objeto ${key} vamos a iterar!`);
     iterarObjeto(objeto[key])
    }else{
      console.log(objeto[key])
    }

  });
}
obj.forEach(function(item) {
  iterarObjeto(item)

});

Podemos evitar la ultima iteracion, pero necesitas saber la ultima iteracion , te evitas recorrer de nuevo el objeto, el ejemplo a continuación:

const obj = [{
  "seccion1": {
    "level1": { first: "John", last: "Doe"  } ,
    "level2": { first: "juan", last: "perez"}
  }
}]
const ultimaIteracion = 2

function iterarObjeto(objeto, numeroIteracion){
  if (numeroIteracion == ultimaIteracion){
    console.log(objeto);
    return;
  }
  Object.keys(objeto).forEach(function(key) {
  
    if(typeof(objeto[key]) === "object"){
     console.info(`objeto ${key} vamos a iterar!`);
     iterarObjeto(objeto[key], numeroIteracion + 1)
    }

  });
}
obj.forEach(function(item) {
  iterarObjeto(item, 0)

});

7

Usando la estrategia de divide y vencerás: Un objeto de este tipo puede tener como propiedades un tipo primitivo (string, number, bigint, null, undefined...) u otro objeto anidado.

let obj = {
  a : 'primitivo',
  b : 0,
  c : null,
  d : {}, //objeto vacío
  e: [] //objeto array
};


function tipos(o) {
  for (let key in o) {
    console.log('La propiedad ', key,' es ',typeof o[key]);
  }
}

tipos(obj);

Por tanto tienes un caso base: la propiedad es un primitivo. El caso recursivo es cuando la propiedad del objeto es otro objeto:

var obj = [{
  "seccion1": {
    "level1": {
      first: "John",
      last: "Doe"
    },
    "level2": {
      first: "juan",
      last: "perez"
    }
  }
}]

function printObject(o) {
  let text = '';
  Object.keys(o).forEach(key => {
    if (typeof o[key] === 'object') {
      // objeto: mostramos la clave y hacemos una llamada recursiva
      text += `${key} ${printObject(o[key])}`; 
    } else {
      text += `${o[key]} `; //primitivo: directamente imprimimos el valor
    }
  });
  return text;
}

console.log(printObject(obj));

1
  • 2
    muy buena respuesta, aunque creo que se puede optimizar un poco mas. el 23 jul. 2019 a las 16:53
4

Acotando a la respuesta de Pablo Lozano, se pueden reducir un par de lineas de código cambiando el if por condicionales ? y : e inicializando la variable text al declarar la función, quedando de la siguiente forma:

var obj = [{
  "seccion1": {
    "level1": {
      first: "John",
      last: "Doe"
    },
    "level2": {
      first: "juan",
      last: "perez"
    }
  }
}]

function printObject(o,text = '') {
  Object.keys(o).forEach(key => {
    typeof o[key] === 'object' ? text += `${key} ${printObject(o[key])}` : text += `${o[key]} ` 
  });
  return text;
}

console.log(printObject(obj));

Y así quedaría la forma de iterar un objeto de varios niveles mas optima posible, saludos.

2
  • 1
    A mi gusto se pierde legibilidad y el rendimiento será el mismo. Es ya cuestión de gustos escribir de un modo u otro el 23 jul. 2019 a las 19:37
  • @PabloLozano es cierto, pero compactar código ayuda a crear programas de menor peso y disminuir el consumo de datos. el 23 jul. 2019 a las 19:58
2

te muestro dos alternativas que puede optimizar a criterio para obtener el resultado que pides.

var obj = [{
		"seccion1": {
			"level1": {
				first: "John",
				last: "Doe"
			},
			"level2": {
				first: "juan",
				last: "perez"
			}
		}
	}];
	console.log('Opcion 1');
    //opcion 1
    obj.forEach(function(item) {
		Object.keys(item).forEach(function(key) {
			let value = item[key];
			Object.keys(value).forEach(function(key2) {
				console.log(key+ ' ' + key2 + ' ' + value[key2].first + ' ' + value[key2].last);
			});
		});
    });
	console.log('Opcion 2');
	//opcion 2
	obj.forEach(function(item) {
		Object.keys(item).forEach(function(key) {
			let value = item[key];
			let res = key;
			Object.keys(value).forEach(function(key2) {
				res = res + ' ' + key2 + ' ' + value[key2].first + ' ' + value[key2].last;
			});
			console.log(res);
		});
	});

1
  • 3
    Y si tiene mas niveles como hace con estas funciones?
    – gbianchi
    el 23 jul. 2019 a las 16:11

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.