How do you remove a nested property with spread and rest in javascript

Question

I am trying to remove the 'name' property from registerReqOptions in this code.

const registerReqOptions = {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({
        name: registerObj.name,
        email: registerObj.email,
        password: registerObj.password
      })
    }

I tried;

const {body: {name}, ...loginReqOptions} = registerReqOptions

but it is removing the whole 'body' property instead of only the nested 'name' one.

What is the correct way to do this using the newer spread and rest syntax?

Thanks.

Mr. Polywhirl · Accepted Answer · 2021-03-03 13:31:27Z

4

You have to capture the rest of the body:

const { body: { name, ...restOfBody }, ...loginReqOptions } = registerReqOptions;

And then reassign it:

const copy = {
  ...loginReqOptions,
  body: { ...restOfBody }
};

const registerObj = {
  name: "John Doe",
  email: "[email protected]",
  password: "foobar"
};

const registerReqOptions = {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: {
    name: registerObj.name,
    email: registerObj.email,
    password: registerObj.password
  }
}

const { body: { name, ...restOfBody }, ...loginReqOptions } = registerReqOptions;

const copy = {
  ...loginReqOptions,
  body: { ...restOfBody }
};

console.log(copy);

.as-console-wrapper { top: 0; max-height: 100% !important; }

answered Mar 3, 2021 at 13:31

Mr. Polywhirl

49.1k12 gold badges96 silver badges147 bronze badges

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

Comments

Srikar Phani Kumar M · Accepted Answer · 2021-03-06 04:27:46Z

0

If you want to use Object.keys() || Object.entries() , you can do something like this:

let registerReqOptions = {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: {
    name: 'registerObj.name',
    email: 'registerObj.email',
    password: 'registerObj.password'
  }
}

console.log('Initial ==', registerReqOptions);

const keysAndValues = Object.entries(registerReqOptions);


keysAndValues.forEach(([key, value]) => {
  if (key === 'body' && (value instanceof Object)) {
    delete value['name'];
  }
})


console.log('Modified ==', registerReqOptions);

answered Mar 6, 2021 at 4:27

Srikar Phani Kumar M

1,3921 gold badge5 silver badges9 bronze badges

Collectives™ on Stack Overflow

How do you remove a nested property with spread and rest in javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related