javascript - 为父对象中的每个子对象(该子对象是数组)获取父对象的多个条目

Question

我有 2 个类，其中 1 个类是其他类的数组对象。

export class Certificate {
public certType: string;   
public certBeginDate: Date;
}

export class User {
firstName: string;
lastName: string;
userGroup: string;
certificates: Array<Certificate>;
email: string;
username: string;
}

我得到一个像这样的对象:

userdata: {
    {
     firstName: "name1",
     lastName: lname1,
     userGroup: ug1,
     certificates: {
            {
            certType: cer1;
            certBeginDate: Date1;
            },
            {
            certType: cer2;
            certBeginDate: Date2;
            }
        };
        email: email1;
        username: uname1;
    },
    {
     firstName: "name2",
     lastName: lname2,
     userGroup: ug2,
     certificates: {
            {
            certType: cer21;
            certBeginDate: Date21;
            }
        },
        email: email2;
        username: uname2;
    }
}

我需要将其转换为:

userdatatoexport: {
{
firstName: "name1",
lastName: lname1,
userGroup: ug1,
certType: cer1;
certBeginDate: Date1;
email: email1;
username: uname1;
},
{
firstName: "name1",
lastName: lname1,
userGroup: ug1,
certType: cer2;
certBeginDate: Date2;
email: email1;
username: uname1;
},
{
firstName: "name2",
lastName: lname2,
userGroup: ug2,
certType: cer21;
certBeginDate: Date21;
email: email2;
username: uname2;
}

}

为此尝试了多种方法，但我无法以正确的方式将用户对象与证书连接起来。我需要传递以将其导出的对象。

let a1:any[];
    this.state.userdata.map((user, index) => user.certificates.length !== 0 ? (user.certificates.map((cer, index) => a1.push({ user + cer })) ) :a1.push(user));

在上面的解决方案中，我在推送(user + cer)时遇到错误。当我将鼠标悬停在用户上时，它显示(属性)用户为:number 类型，它实际上应该是:User 类型。

我需要根据证书计数为用户数据创建多个条目，并将各个证书数据与相应的用户数据合并。

编辑1:

使用 FlatMap() 可以解决问题，但 IE 和 Edge 不支持 flatmap()。所以我尝试使用Map()和reduce()函数来实现flatmap()背后的逻辑。

let res1 = UserData.map(User => {
        return User.certificates.length !== 0 ? User.certificates.map(cer => {
            let o = Object.assign({}, User, cer);  return o;
        }) : Object.assign({}, User, new Certificate())     
    })

在 res1 中，我得到了一个[用户和证书]类型的数组。我只需要将其转换为[用户和证书]类型的简单数组。因为我尝试将reducer()与concat()一起使用:res1.reduce((acc, val) => acc.concat(val), []);当我尝试调试代码时，此语句在控制台日志中运行良好。但此语句会引发编译错误，因为“concat() 在 acc 上不可用。”

如何转换:[[(user1 & cert11),(user1 & cert12)],[(user2 & cert1)], (user3 & cert3)] 至

[(user1 & cert11),(user1 & cert12),(user2 & cert1), (user3 & cert3) ].

Answer 1

您可以使用flatMap

var userdata = [
    {
     firstName: "name1",
     certificates: [
            {
            certType: 'a'
            },
            {
            certType: 'b'
            }
        ],
    },
    {
     firstName: "name2",
     certificates: [
            {
            certType: 'c'
            }
        ],
    }
];
let res = userdata.flatMap(user=>{
    return user.certificates.map(cert=>{
        let o = Object.assign({}, user, cert);
        delete o.certificates;
        return o;
    })
})
console.log('got ', JSON.stringify(res,null,1))

<小时/>

正如 HMR 所指出的，通过解构我们也得到了相同的结果

var userdata = [
    {
     firstName: "name1",
     certificates: [
            {
            certType: 'a'
            },
            {
            certType: 'b'
            }
        ],
    },
    {
     firstName: "name2",
     certificates: [
            {
            certType: 'c'
            }
        ],
    }
];
let res = userdata.flatMap(({certificates,...user})=>{
    return certificates.map(cert=>{
        return {...cert, ...user};
    })
})
console.log('got ', JSON.stringify(res,null,1))