existe¿Existe alguna forma de acceder a las propiedades de un jsonJSON, sin tener que poner el nombre de dichas propiedades?, algo así como acceder a a la propiedade1propiedad1
del jsonJSON y así con todas ?.
Ejemplo de lo que me gustaría hacer: Quería
Quería hacer un método que me pintapinte una tabla para mostrar los datos que recibo de varias peticiones que me devuelven un jsonJSON, pero, para no tener que crear un método para todas estas propiedades, me gustaría poder crear uno y ahíallí decirle que me recorrarrecorra la propiedad1propiedad1
, propiedad2 ...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);
});
}
//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);
});
}
Si alguien¿Alguien sabe comocómo podría acceder a las propiedadpropiedades sin tener que poner sus nombre ?