How do I find element in array object and update source array in Javascript

Question

I am trying to find element in target array and update in the source array.

let sourceArray = [
  {
    "userId": "123",
    "applicationId": "abc",
    "selections": [
      {
        "applicationId": 70930,
        "creationDate": "2021-01-28",
        "responseStatus": "PENDING"
      }
    ]
  }
]

let array2 = [
  {
      "applicationId": 70930,
      "code": "TEST CODE",
      "creationDate": "2021-01-28",
      "submissionDate": "2021-01-29",
      "status": "SUBMITTED",
      "outcomeStatus": "PENDING",
      "responseStatus": "PENDING"
  }
]

My expected outcome is selections to get updated in source array with matching elements from array2 based on applicationId

[
  {
    "userId": "123",
    "applicationId": "abc",
    "selections": [
      {
        "applicationId": 70930,
        "code": "TEST CODE",
        "creationDate": "2021-01-28",
        "submissionDate": "2021-01-29",
        "status": "SUBMITTED",
        "outcomeStatus": "PENDING",
        "responseStatus": "PENDING"
      }
    ]
  }
]

I tried updating the array using code below

const newArray = sourceArray.map(item => {
  let item2 = array2.find(i2 => item.selections.some(id => i2.applicationId === id.applicationId));
  return item2 ? { ...item, ...item2 } : item;
});

So if array2 has creationDate equal to 2021-02-01, will it override what's in sourceArray? — codemonkey
– codemonkey, Commented Feb 2, 2021 at 4:33
I have updated my attempt, I keep getting back, it should go in selections. [{ "userId": "123", "applicationId": 70930, "selections": [ { "applicationId": 70930, "creationDate": "2021-01-28", "responseStatus": "PENDING" } ], "code": "TEST CODE", "creationDate": "2021-01-28", "submissionDate": "2021-01-29", "status": "SUBMITTED", "outcomeStatus": "PENDING", "responseStatus": "PENDING" }] — Pratik Sawant
– Pratik Sawant, Commented Feb 2, 2021 at 4:36

hgb123 · Accepted Answer · 2021-02-02 04:35:37Z

2

You could try this. Just remember to keep track of other info when destructing

let sourceArray = [
  {
    userId: "123",
    applicationId: "abc",
    selections: [
      {
        applicationId: 70930,
        creationDate: "2021-01-28",
        responseStatus: "PENDING",
      },
    ],
  },
];

let array2 = [
  {
    applicationId: 70930,
    code: "TEST CODE",
    creationDate: "2021-01-28",
    submissionDate: "2021-01-29",
    status: "SUBMITTED",
    outcomeStatus: "PENDING",
    responseStatus: "PENDING",
  },
];

sourceArray = sourceArray.map(({ selections, ...otherInfo }) => ({
  ...otherInfo,
  selections: selections.map((selection) => ({
    ...selection,
    ...array2.find((el) => el.applicationId === selection.applicationId),
  })),
}));

console.log(sourceArray)

answered Feb 2, 2021 at 4:35

hgb123

14.9k3 gold badges24 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How do I find element in array object and update source array in Javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related