¿Existe alguna forma de acceder a las propiedades de un JSON, sin tener que poner el nombre de dichas propiedades?, algo así como acceder a la propiedad1
del JSON y así con todas.
Ejemplo de lo que me gustaría hacer:
Quería hacer un método que me pinte una tabla para mostrar los datos que recibo de varias peticiones que me devuelven un JSON, pero, para no tener que crear un método para todas estas propiedades, me gustaría poder crear uno y allí decirle que me recorra la propiedad1
, propiedad2
y así con todas las que pueda tener.
Hasta ahora, lo hago de esta forma:
//Ejemplo del json de una respuesta
const productos = [{
id: 1,
nombre: "Mouse Logitech",
precio: 20,
codigo: "123",
},
{
id: 2,
nombre: "Xiaomi Mi A1",
precio: 5000,
codigo: "123444",
},
{
id: 3,
nombre: "Galletas",
precio: 10,
codigo: "20205",
},
{
id: 4,
nombre: "Computadora portátil",
precio: 30000,
codigo: "7700545",
},
];
const $cuerpoTabla = document.querySelector("#cuerpoTabla");
pintarTablaProductos(productos);
function pintarTablaProductos(datosRespuesta) {
datosRespuesta.forEach(elemento => {
const $tr = document.createElement("tr");
let $tdNombre = document.createElement("td");
// en vez de poner el nombre de la propiedad poner algo asi como propiedad1, propiedad2 ... y asi con todas
$tdNombre.textContent = elemento.nombre;
$tr.appendChild($tdNombre);
let $tdPrecio = document.createElement("td");
$tdPrecio.textContent = elemento.precio;
$tr.appendChild($tdPrecio);
let $tdCodigo = document.createElement("td");
$tdCodigo.textContent = elemento.codigo;
$tr.appendChild($tdCodigo);
$cuerpoTabla.appendChild($tr);
});
}
¿Alguien sabe cómo podría acceder a las propiedades sin tener que poner sus nombre?