Spread operators with variable as Rest Parameter

Question

I want to filter data using spread operator. I have a function that has category as its argument.

The problem is when I pass category as arg to the spread operator I got an obvious error: The symbol "category" has already been declared.

How can I use category instead of the hardcoded "Headlines"?

const data = {
    "subscription": {
        "Headlines": ["headline1", "headline1"],
        "News": ["news1"],
    }
}
const category = "Headlines";
// const { category, ...rest } = data.subscription; This does not work.
const { Headlines, ...rest } = data.subscription; // This works.
const updatedData = {...data, subscription: rest};
console.log(updatedData);

Majed Badawi · Accepted Answer · 2022-04-03 14:30:46Z

2

In order to deconstruct a dynamic property, you can use square brackets [] and assign the destructured value to a variable name:

const data = {
  "subscription": {
    "Headlines": ["headline1", "headline1"],
    "News": ["news1"],
  }
};

const category = "Headlines";
const { [category]: categoryProp, ...rest } = data.subscription;

const updatedData = {...data, subscription: rest};
console.log(updatedData);

edited Apr 3, 2022 at 14:30

answered Apr 3, 2022 at 14:20

Majed Badawi

28.5k4 gold badges30 silver badges56 bronze badges

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

1 Comment

Andy Over a year ago

Hi. "Try this" isn't particularly useful. You should describe with links to documentation what you've done to solve the problem.

Collectives™ on Stack Overflow

Spread operators with variable as Rest Parameter

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related