How to delete nested property using JS spread rest destruction?

Question

Trying to delete multiple properties usign spread operator rest destruction, so drugName is being removed but i have nested object mailPrice.copayEmployer that is not getting destructed any idea what is implemented wrong ?

main.js

const transformedResponse = transformResponse(response);
  const loggerResponse = transformedResponse.map(
      ({drugName, mailPrice.copayEmployer, ...rest}) => rest
  );

transformedResponse

[{
        "isBrand": true,
        "drugName": "Lipitor",
        "drugStrength": "80 mg",
        "drugForm": "Tablet",
        "mailPrice": {
            "copayEmployer": 0
        }
    }, {
        "isBrand": true,
        "drugName": "Metformin",
        "drugStrength": "500 mg",
        "drugForm": "Tablet",
        "mailPrice": {
            "copayEmployer": 50
        }
    }

]

What is the result you want to achieve? You want to keep the mailPrice property, but remove the copayEmployer property inside it? — Barmar
– Barmar, Commented May 15, 2019 at 21:27
@Barmar yes thats correct just want to remove mailPrice.copayEmployer and keep the rest of the object — hussain
– hussain, Commented May 15, 2019 at 21:28

adiga · Accepted Answer · 2023-01-10 08:53:09Z

4

I don't think you can do this with a single variable. You need a nested ...rest variable inside the mailPrice object, and then you have to reconstruct the object.

const transformedResponse = [{
  "isBrand": true,
  "drugName": "Lipitor",
  "drugStrength": "80 mg",
  "drugForm": "Tablet",
  "mailPrice": {
    "copayEmployer": 0,
  }
}, {
  "isBrand": true,
  "drugName": "Metformin",
  "drugStrength": "500 mg",
  "drugForm": "Tablet",
  "mailPrice": {
    "copayEmployer": 50
  }
}];

const loggerResponse = transformedResponse.map(
  ({
    drugName,
    mailPrice: { copayEmployer, ...mailPriceRest},
    ...rest
  }) => ({mailPrice: mailPriceRest, ...rest})
);

console.log(loggerResponse);

edited Jan 10, 2023 at 8:53

adiga

35.4k9 gold badges66 silver badges88 bronze badges

answered May 15, 2019 at 21:37

Barmar

789k57 gold badges555 silver badges669 bronze badges

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

Comments

Jack Bashford · Accepted Answer · 2019-05-15 21:33:10Z

0

This is how you destructure nested object's:

.map(({ drugName, mailPrice: { copayEmployer, ...restMail }, ...rest }) => ({ mailPrice: { ...restMail }, ...rest});

edited May 15, 2019 at 21:33

answered May 15, 2019 at 21:23

Jack Bashford

44.3k11 gold badges56 silver badges84 bronze badges

4 Comments

Barmar Over a year ago

I don't think this will do what he wants. ...rest won't contain the rest of the mailPrice object.

hussain Over a year ago

yeah this is deleting complete object of mailPrice that i dont want

Jack Bashford Over a year ago

Fixed now, any better?

hussain Over a year ago

@Jack Bashford its not happening , is there any other approach instead of spread operator ?

Collectives™ on Stack Overflow

How to delete nested property using JS spread rest destruction?

2 Answers 2

Comments

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related