Estoy trabajando sobre un objeto en JavaScript que puede venir con claves dinámicas desde mi endpoint, cada clave devuelve un arreglo. Estoy intentando encontrar de forma dinámica si una clave existe para obtener los valores que esta tiene pero solo he podido saber que existe pero no puedo acceder a la informacion que contiene esa clave. Esta es la estructura del objeto que recibo del endpoint:
"todosModelos": {
"dimension": [
"23"
],
"color": [
"Verde",
"Negro"
]
},
Y las posibles claves estan en un arreglo de objetos que es el siguiente: const todosTiposClaves = ['color', dimension', 'calidad', 'durabilidad'];
const todosTiposClaves = [{
name: 'Color',
code: 'color'
},
{
name: 'Dimesión',
code: 'dimension'
},
{
name: 'Calidad',
code: 'calidad'
},
{
name: 'Durabilidad',
code: 'durabilidad'
}];
Y todosModelos tiene el siguiente tipado:
export interface TodosTiposClavesInterfaces {
color?: string[];
dimension?: string[];
calidad?: string[];
durabilidad?: string[];
}
Este es el metodo que estoy intentando usar pero me quedo hasta el punto que solo detecto que la calve existe:
export const makeArrayDataRadioNewVariations = (todosTiposClaves, todosModelos) => {
let array:RadioOptions[] = [];
todosTiposClaves.map((item, idx) => {
const hasKey = Object.values(todosModelos).some(x => x == item.code);
if(hasKey){
console.log('devolver el arreglo segun la clave encontrada')
}
});
return console.log(array);
}
UPDATE
Alguna idea de como obtener los valores de las claves de forma dinámica? Necesito una vez que alguna clave sea encontrada obtener un array de objetos de la siguiente forma:
array.push({
label: (nombre de la clave),
name: (nombre de la clave),
values: (array que contenia esa clave en el array anterior)
})