合并javascript对象数组

Question

这是javascript对象的数组。我希望这些javascript对象将合并成一个单一的javascript对象，根据他们相同的属性值。

这是原始数组:

const array = [
{email: '[e-mail]', name: 'Jon', role: 'Player', Education: {…}},
{email: '[e-mail]', name: 'Jon', role: 'Player', Skills: {…}},
{email: '[e-mail]', name: 'Jon', role: 'Player', Total: {…}},
{email: '[e-mail]', name: 'Jon', role: 'Player', Personal: {…}},
{email: '[e-mail]', name: 'Tayyab', role: 'Lead', Ethics: {…}},
{email: '[e-mail]', name: 'Tayyab', role: 'Lead', Total: {…}},
{email: '[e-mail]', name: 'Arya', role: 'Banker', Total: {…}},
{email: '[e-mail]', name: 'Arya', role: 'Banker', Skills: {…}},
{email: '[e-mail]', name: 'Arya', role: 'Banker', Personal: {…}},
{email: '[e-mail]', name: 'Arya', role: 'Banker', Education: {…}},
]

这是必需的数组:

const array = [
{email: '[e-mail]', name: 'Jon', role: 'Player', Education: {…}, Skills: {…}, Total: {…}, Personal: {…}},
{email: '[e-mail]', name: 'Tayyab', role: 'Lead', Ethics: {…}, Total: {…}},
{email: '[e-mail]', name: 'Arya', role: 'Banker', Total: {…}, Skills: {…}, Personal: {…}, Education: {…}},
]

与email、name和role一样，这三者都具有相同的属性和属性值。它将合并为一个javascript对象，而其他对象保持不变。请在React.js/Javascript中提供解决方案． 由于

Answer 1

一个应用reduce方法的好例子，试试下面的代码:

const array = [
{email: '[e-mail]', name: 'Jon', role: 'Player', Education: {}},
{email: '[e-mail]', name: 'Jon', role: 'Player', Skills: {}},
{email: '[e-mail]', name: 'Jon', role: 'Player', Total: {}},
{email: '[e-mail]', name: 'Jon', role: 'Player', Personal: {}},
{email: '[e-mail]', name: 'Tayyab', role: 'Lead', Ethics: {}},
{email: '[e-mail]', name: 'Tayyab', role: 'Lead', Total: {}},
{email: '[e-mail]', name: 'Arya', role: 'Banker', Total: {}},
{email: '[e-mail]', name: 'Arya', role: 'Banker', Skills: {}},
{email: '[e-mail]', name: 'Arya', role: 'Banker', Personal: {}},
{email: '[e-mail]', name: 'Arya', role: 'Banker', Education: {}},
]
let result = Object.values(array.reduce((acc, {name, ...rest}) => {
acc[name] = {...acc[name], ...{name, ...rest}};
return acc;
}, {}));
console.log(result);

Answer 2

使用reduce和Object.values

const array = [
{email: '[e-mail]', name: 'Jon', role: 'Player', Education: {}},
{email: '[e-mail]', name: 'Jon', role: 'Player', Skills: {}},
{email: '[e-mail]', name: 'Jon', role: 'Player', Total: {}},
{email: '[e-mail]', name: 'Jon', role: 'Player', Personal: {}},
{email: '[e-mail]', name: 'Tayyab', role: 'Lead', Ethics: {}},
{email: '[e-mail]', name: 'Tayyab', role: 'Lead', Total: {}},
{email: '[e-mail]', name: 'Arya', role: 'Banker', Total: {}},
{email: '[e-mail]', name: 'Arya', role: 'Banker', Skills: {}},
{email: '[e-mail]', name: 'Arya', role: 'Banker', Personal: {}},
{email: '[e-mail]', name: 'Arya', role: 'Banker', Education: {}},
]
const result = Object.values(array.reduce((acc, item) => {
// build key with unique props
const key = [item.email, item.name, item.role].join("-");
// assign properties to a new object
// if object does not exist with the key it uses empty object
acc[key] = {...(acc[key] || {}), ...item}; 
return acc;
}, {}));
console.log(result);