Remove property for object in array

Question

I have next code, where I need remove property unit from object Item in array Items :

Items.map(({ Item.unit, ...rest }) => {
     // some code
    return rest;
  });

But I am getting next error: Unexpected token., expected

Answer 1

You are not destructuring correctly.

As you map over the Items array, each object in Items array will be passed as first argument to the callback function of map function. You can either just use any parameter name in the callback function or destructure the object inside function's parameter list

If you use any parameter name as first argument to callback function, then you can remove the unit property as:

Items.map(item => {
     // some code
    const {unit, ...rest} = item;
    return rest;
});

but if you want to destructure the object in function's parameter list, then you need to do this as

Items.map(({ unit, ...rest }) => {
     // some code
    return rest;
});

what if I need 'Item' to access some other property?

all the properties of the currently destructured object, except unit property, will be available on rest object

Answer 2

You can delete it:

Items.map(item => {
    delete item.unit;
    return item;
});

Answer 3

Items.map(({unit, ...rest}) => {return rest});

Answer 4

You don't need to explicitly write return or event spread it while returning.

return Items.map(({unit, ...withoutUnit}) => withoutUnit)

You'll get a new array after this.