Lo siento si el título es confuso, no sabía cómo expresarlo bien, pero será más fácil de mostrar.
Estoy usando React JS y obtengo este objeto de mi base de datos:
{ id1: "1", name1: "Jon", image1: {url: "...."}, id2: "2", name2: "Ron", image2: {url: "...." , height: "10"}, id3: "2", name3: "Jess", image3: {url: "...." , height: "10"}, ... }y así sucesivamente, todos los campos están solos en el objeto, pero necesito que sea una matriz (u objeto, puedo mapearlo a través de Object.keys...) y cada 3 campos (nombre, id, imagen) estará en el mismo objeto, así que puedo mapearlo para usarlo con mi componente,
este es el resultado de ejemplo que estoy luchando por hacer:
[ { name1:"Jon", id1:"1", image1: { url:"....", height:"10" } }, { name2:"Ron", id2:"2", image2: { url:"....", height:"10" } }, { name3:"Jess", id3:"3", image3: { url:"....", height:"10" } }, ]¡Gracias de antemano por cualquier ayuda!
les dejo un trozo de codigo quien hizo esa transformacion
import React from 'react'; function Question24() { const initialObject = { id1: "1", name1: "Jon", image1: {url: "...."}, id2: "2", name2: "Ron", image2: {url: "...." , height: "10"}, id3: "2", name3: "Jess", image3: {url: "...." , height: "10"}, }; const result = []; let index = 1; while(Object.keys(initialObject).length) { const idKey = `id${index}`; const nameKey = `name${index}`; const imageKey = `image${index}`; const resObject = {}; // I whould do -> resObject.id = initialObject[idKey]; resObject[idKey] = initialObject[idKey]; delete initialObject[idKey]; // I whould do -> resObject.name = initialObject[idKey]; resObject[nameKey] = initialObject[nameKey]; delete initialObject[nameKey]; // I whould do -> resObject.image = initialObject[idKey]; resObject[imageKey] = initialObject[imageKey]; delete initialObject[imageKey]; result.push(resObject); index++; } console.log("result: ", result); return ( <div>Check the console</div> ); } export default Question24;Espero haberte ayudado :)
es simple, solo itere a través de las claves de objeto y cuente cada tercer paso y coloque las últimas 3 entradas en la matriz de respuestas. aunque no estoy seguro de si ese modelo es la mejor práctica para obtener datos de la base de datos.
obj = { id1: "1", name1: "Jon", image1: {url: "...."}, id2: "2", name2: "Ron", image2: {url: "...." , height: "10"}, id3: "2", name3: "Jess", } let answer = [] let temp = {} let counter = 1; for (let item in obj) { temp[item] = obj[item] if(counter == 3) { answer.push(temp); temp = {} counter = 1; continue; } counter ++; } // in case number of keys is not dividable by 3 and temp is not empty answer.push(temp);Puedes probar este código:
let object = { id1: "1", name1: "Jon", image1: {url: "...."}, id2: "2", name2: "Ron", image2: {url: "...." , height: "10"}, id3: "2", name3: "Jess", image3: {url: "...." , height: "10"}, }; const convertToArr = (object) => { let arr = []; for(let i=1; i<=Object.keys(object).length / 3; i++){ let obj = {}; obj.id = object[`id${i}`]; obj.name = object[`name${i}`]; obj.image = object[`image${i}`]; arr.push(obj); } return arr; } console.log(convertToArr(object));