JS使用地图合并了两个子阵列

Question

我用以下内容合并两个阵列：

var mySeries = [
    { name: '4', data: [4] },
    { name: '3', data: [3] }
];
var mySeries1 = [
    { name: '5', data: [0] },
    {name: '4', data:[0]},
    {name: '3', data:[0]},
    {name: '2', data:[0]},
    { name: '1', data: [0] }
];

var res = mySeries1.map(obj => mySeries.find(o => o.name === obj.name) || obj);
console.log(res);

效果很好；但是，我的挑战是我的数组的结构为：

var myArray = [{ 
    mySeries : [
        { name: '4', data: [4] },
        { name: '3', data: [3] }],
    mySeries1 : [
        { name: '5', data: [0] },
        { name: '4', data: [0] },
        { name: '3', data: [0] },
        { name: '2', data: [0] },
        { name: '1', data: [0] }]
    }];
];

因此，我需要映射子阵列，尝试使用以下内容：

var res = myArray.mySeries1.map(obj => myArray.mySeries.find(o => o.name === obj.name) || obj);

我得到此错误：

Cannot read properties of undefined (reading 'map')

如何指向子阵列？

Answer 1

var myArray = [{ 
    mySeries : [
        { name: '4', data: [4] },
        { name: '3', data: [3] }],
        mySeries1 : [
            { name: '5', data: [0] },
            { name: '4', data: [0] },
            { name: '3', data: [0] },
            { name: '2', data: [0] },
            { name: '1', data: [0] }
        ]
        }];

var res = myArray[0].mySeries1.map(obj => myArray[0].mySeries.find(o => o.name === obj.name) || obj);
console.log(res)

Answer 2

您可以将阵列更改为字典，并像已经一样迭代它。

var myArray = { 
    mySeries : [
        { name: '4', data: [4] },
        { name: '3', data: [3] }],
    mySeries1 : [
        { name: '5', data: [0] },
        { name: '4', data: [0] },
        { name: '3', data: [0] },
        { name: '2', data: [0] },
        { name: '1', data: [0] }]
    };

即var res = myArray.mySeries1.map（obj =＆gt; myArray.mySeries.find（o =＆gt; o.name = = == obj.name）|| obj）;>