Tengo dos objetos de matrices:
const arr1 = [{a: 'QQQ'}, {b: 'WWW'}] const arr2 = [{a: 'EEE', b: 'RRR'}, {a: 'TTT', b: 'YYY'}]Entonces quiero que la matriz resultante sea así:
const results = [{'QQQ': 'EEE', 'WWW': 'RRR'}, {'QQQ': 'TTT', 'WWW': 'YYY'}]Alguna forma de hacer esto? ¡Muchos gracias!
No estoy seguro de si esta es la forma más eficiente de hacerlo, pero funciona para el ejemplo proporcionado. Este método se basa en algunas características relativamente nuevas de JavaScript, pero ES6 es ampliamente compatible, por lo que esperamos que no sea un problema en su caso.
Primero, aísle los valores en arr1 para usarlos como propiedades del objeto para el resultado final.
Luego, vuelva a mapear los objetos de la segunda matriz extrayendo los valores de cada objeto usando Object.values() y reduzca eso a un objeto con los nombres de propiedad de la primera matriz.
var arr1 = [{a: 'QQQ'}, {b: 'WWW'}]; var arr2 = [{a: 'EEE', b: 'RRR'}, {a: 'TTT', b: 'YYY'}]; var keys = arr1.reduce((valueArray,obj) => [...valueArray, ...Object.values(obj)],[]); var results = arr2.map(o => Object.values(o).reduce((newObj,v,i) => ({...newObj,[keys[i]]:v}),{}),[]) console.log(results);