从数组中的另一个对象更新数组中的对象

Question

在我的代码中，我有两个数组，第一个包含多个对象。第二个是存储序列化的表单数据（映射到JSON）。因此，两个数组都具有相同的键。

我要实现的是，根据对象中的ID，根据新数组中对象的值动态地更新原始数组中对象的值。

在网上找到了一些示例，但很难使它们起作用。因为它们中的大多数都显示了任一级别的对象，但是我正在处理数组中的复杂嵌套对象。

var products = [

    {

        Id: 1,

        Name: 'Product1',

        Attributes: {

            Storage: 'Normal',

            Size: 'Small'

        }

    },

    {

        Id: 2,

        Name: 'Product2',

        Attributes: {

            Storage: 'Normal',

            Size: 'Small'

        }

    }

];

var newData = [

    {

        Id: 2,

        Name: 'French Fries'

    },

    {

        Id: 1,

        Attributes: {

            Size: 'Medium'

        }

    }

];

预期的结果是products现在使用第二个数组中的值更新该数组。

Output:

[

    {

        Id: 1,

        Name: 'Product1',

        Attributes: {

            Storage: 'Normal',

            Size: 'Medium'

        }

    },

    {

        Id: 2,

        Name: 'French Fries',

        Attributes: {

            Storage: 'Normal',

            Size: 'Small'

        }

    }

]

Answer 1

您可以创建一个组合嵌套对象的函数。然后使用map()和find()创建对象的组合数组。var products = [    {        Id: 1,        Name: 'Product1',        Attributes: {            Storage: 'Normal',            Size: 'Small'        }    },    {        Id: 2,        Name: 'Product2',        Attributes: {            Storage: 'Normal',            Size: 'Small'        }    }];var newData = [    {        Id: 2,        Name: 'French Fries'    },    {        Id: 1,        Attributes: {            Size: 'Medium'        }    }];const haveNested = obj => Object.values(obj).some(x => typeof x === "object");function combine(obj1,obj2){  if(!haveNested(obj1)) return ({...obj1,...obj2})  let res = obj1  for(let key in obj1){    if(typeof obj1[key] === "object"){      res[key] = combine(obj1[key],obj2[key]);    }    else if(obj2[key]) res[key] = obj2[key]  }  return res;}const result = products.map(x => {  let temp = newData.find(a => a.Id === x.Id);  return temp ? combine(x,temp) : x;})console.log(result)