Necesitaría convertir un objeto devuelto de una llamada AJAX en otro objeto con diferentes propiedades.
El objeto en cuestión tiene una estructura similar a esta:
[
{
campo1: "algun valor",
campo2: { Id: 12345567, Nombre: "Algun otro dato" },
campo3: { Id: 12345567, Nombre: "Algun otro dato" },
campo4: { Nombre: "Algun otro dato", Valor: 23456678 },
campo5: { Id: 12345567, Nombre: "Algun otro dato" },
campo6: false
},
{
campo1: "algun valor x",
campo2: { Id: 12345567, Nombre: "Algun otro dato" },
campo3: { Id: 12345567, Nombre: "Algun otro dato" },
campo4: { Nombre: "Algun otro dato 2", Valor: 234566789 },
campo5: { Id: 1234557, Nombre: "Algun otro datx" },
campo6: true
},
]
Y necesito que quede algo así:
{
campo2: [
{ Id: 12345567, Nombre: "Algun otro dato" }
],
campo3: [
{ Id: 12345567, Nombre: "Algun otro dato" }
],
campo4: [
{ Nombre: "Algun otro dato", Valor: 23456678 },
{ Nombre: "Algun otro dato 2", Valor: 234566789 }
campo5: [
{ Id: 12345567, Nombre: "Algun otro dato" },
{ Id: 1234557, Nombre: "Algun otro datx" }
]
}
He intentado utilizar algunas de las funciones de orden superior pero se nota que carezco de conocimiento, porque no logro dar en el clavo. En definitiva, intento crear el conjunto de un dropdown de forma que quede:
<select id="campo2">
<option value="12345567">Algun otro dato</option>
</select>
<select id="campo3">
<option value="12345567">Algun otro dato</option>
</select>
<select id="campo4">
<option value="23456678">Algun otro dato</option>
<option value="234566789">Algun otro dato 2</option>
</select>
<select id="campo5">
<option value="12345567">Algun otro dato</option>
<option value="1234557">Algun otro datx</option>
</select>
Nota: Cabe destacar que no cuento con la información que viene de la llamada AJAX, o sea que no sé ni los valores que tiene, ni cuántos campos, ni qué campos. Básicamente son campos generados dinámicamente desde la base de datos.
Nota 2: Si se fijan, los campos traídos en el segundo objeto están filtrados:
- No están los valores que no son objetos.
- No están los objetos repetidos.
- No hay dos (o más) objetos padres.
Edición 1: En respuesta a @a-cedano, el segundo JSON es generado de acuerdo a las anteriores conversiones, dadas las siguientes consideraciones:
- Los nombres deben agruparse en un único objeto.
- Se conservan sólo las propiedades cuyos valores son de tipo objeto.
- Los valores deben agruparse en un mismo nombre quedando sólamente los valores únicos.
¿Cuál sería la mejor (o alguna) forma de encarar esto? Supongo que utilizando esas funciones de orden superior (bien).
Yo había intentado algo como lo siguiente (a modo de prueba), pero aún no me resultó:
let data = [
{
campo1: "algun valor",
campo2: { Id: 12345567, Nombre: "Algun otro dato" },
campo3: { Id: 12345567, Nombre: "Algun otro dato" },
campo4: { Nombre: "Algun otro dato", Valor: 23456678 },
campo5: { Id: 12345567, Nombre: "Algun otro dato" },
campo6: false
},
{
campo1: "algun valor x",
campo2: { Id: 12345567, Nombre: "Algun otro dato" },
campo3: { Id: 12345567, Nombre: "Algun otro dato" },
campo4: { Nombre: "Algun otro dato 2", Valor: 234566789 },
campo5: { Id: 1234557, Nombre: "Algun otro datx" },
campo6: true
},
];
const datos = [];
data.forEach(d => {
for(var prop in d) {
if(typeof d[prop] === 'object') {
let match = datos.find(x => Object.keys(x).indexOf('prop'));
if(datos.length < 1 || match < 0)
datos.push({ [prop]: d[prop] });
else {
if(datos[prop])
datos[prop].push(d[prop]);
}
}
}
});
console.log(datos)
Agradezco cualquier comentario constructivo.