javascript对象的合并数组

Question

这是javascript对象的数组。我希望这些javascript对象根据它们相同的属性值合并到一个javascript对象中。

这是原始数组：

const array = [
 {email: 'jon@endtest-mail.io', name: 'Jon', role: 'Player', Education: {…}},
 {email: 'jon@endtest-mail.io', name: 'Jon', role: 'Player', Skills: {…}},
 {email: 'jon@endtest-mail.io', name: 'Jon', role: 'Player', Total: {…}},
 {email: 'jon@endtest-mail.io', name: 'Jon', role: 'Player', Personal: {…}},
 {email: 'tayyab@endtest-mail.io', name: 'Tayyab', role: 'Lead', Ethics: {…}},
 {email: 'tayyab@endtest-mail.io', name: 'Tayyab', role: 'Lead', Total: {…}},
 {email: 'arya@endtest-mail.io', name: 'Arya', role: 'Banker', Total: {…}},
 {email: 'arya@endtest-mail.io', name: 'Arya', role: 'Banker', Skills: {…}},
 {email: 'arya@endtest-mail.io', name: 'Arya', role: 'Banker', Personal: {…}},
 {email: 'arya@endtest-mail.io', name: 'Arya', role: 'Banker', Education: {…}},
]

这是所需的数组：

const array = [
 {email: 'jon@endtest-mail.io', name: 'Jon', role: 'Player', Education: {…}, Skills: {…}, Total: {…}, Personal: {…}},
 {email: 'tayyab@endtest-mail.io', name: 'Tayyab', role: 'Lead', Ethics: {…}, Total: {…}},
 {email: 'arya@endtest-mail.io', name: 'Arya', role: 'Banker', Total: {…}, Skills: {…}, Personal: {…}, Education: {…}},
]

与电子邮件、姓名和角色一样，这三者都具有相同的属性和属性值。它将合并成一个javascript对象，而其他对象则保持不变。请在React.js/Javascript.中提供解决方案谢谢

Answer 1

这是一个很好的案例，可以应用reduce方法，尝试以下代码：

​

const array = [
 {email: 'jon@endtest-mail.io', name: 'Jon', role: 'Player', Education: {}},
 {email: 'jon@endtest-mail.io', name: 'Jon', role: 'Player', Skills: {}},
 {email: 'jon@endtest-mail.io', name: 'Jon', role: 'Player', Total: {}},
 {email: 'jon@endtest-mail.io', name: 'Jon', role: 'Player', Personal: {}},
 {email: 'tayyab@endtest-mail.io', name: 'Tayyab', role: 'Lead', Ethics: {}},
 {email: 'tayyab@endtest-mail.io', name: 'Tayyab', role: 'Lead', Total: {}},
 {email: 'arya@endtest-mail.io', name: 'Arya', role: 'Banker', Total: {}},
 {email: 'arya@endtest-mail.io', name: 'Arya', role: 'Banker', Skills: {}},
 {email: 'arya@endtest-mail.io', name: 'Arya', role: 'Banker', Personal: {}},
 {email: 'arya@endtest-mail.io', 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

使用约简和Object.values

​

const array = [
 {email: 'jon@endtest-mail.io', name: 'Jon', role: 'Player', Education: {}},
 {email: 'jon@endtest-mail.io', name: 'Jon', role: 'Player', Skills: {}},
 {email: 'jon@endtest-mail.io', name: 'Jon', role: 'Player', Total: {}},
 {email: 'jon@endtest-mail.io', name: 'Jon', role: 'Player', Personal: {}},
 {email: 'tayyab.ejaz@endtest-mail.io', name: 'Tayyab', role: 'Lead', Ethics: {}},
 {email: 'tayyab.ejaz@endtest-mail.io', name: 'Tayyab', role: 'Lead', Total: {}},
 {email: 'arya@endtest-mail.io', name: 'Arya', role: 'Banker', Total: {}},
 {email: 'arya@endtest-mail.io', name: 'Arya', role: 'Banker', Skills: {}},
 {email: 'arya@endtest-mail.io', name: 'Arya', role: 'Banker', Personal: {}},
 {email: 'arya@endtest-mail.io', 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);

​