Adding new array to object without deleting the previous array-CodePudding

I have an array obj, and I am and Im adding another object links and I am creating a serie array in the object. I want to create another movie array after the serie array.

const obj = {
projectId: 0,
gridId: 0,
createValues: [
{
  field: "string",
  value: "string"
}
]
};

const dataCompo = {
"model-10389": 164703,
"model-10388": 164704,
"model-10387": 164705
};

const dataTraca = {
"model-10389": [1656, 1234, 1245],
"model-10384": [1656, 1234, 1245],
"model-10383": [1656, 1234, 1245],

};

const ser = Object.entries(dataCompo).map(([key, value]) => ({
modelId: key.substring(6),
id: value
}));
obj.links = {
        serie: ser
    };

const mov = Object.entries(dataTraca).map(([key,value]) => ({
modelId: key.substring(6),
ids: value
}));

obj.links = {
        movie: mov
    };

console.log(obj);

The thing is like this it is remplacing the whole links object and serie array with the movie one. I cannot quite figure how to use the spread operator.

I have managed to do it in one line like this :

    obj.links = { serie: ser, movie:mov };

However I would like to do it seperately just like above

CodePudding user response：

you can do something like this

const obj = {
  projectId: 0,
  gridId: 0,
  createValues: [{
    field: "string",
    value: "string"
  }]
};

const dataCompo = {
  "model-10389": 164703,
  "model-10388": 164704,
  "model-10387": 164705
};

const dataTraca = {
  "model-10389": [1656, 1234, 1245],
  "model-10384": [1656, 1234, 1245],
  "model-10383": [1656, 1234, 1245],

};

const newData = [
    ['movie', dataCompo],
    ['serie', dataTraca]
  ].reduce((res, [key, value]) => {
      return {
        ...res,
        [key]: Object.entries(value).map(([key, value]) => ({
          modelId: key.substring(6),
          id: value
        }))
    }
  },
  obj)

console.log(newData)