Using reserved keywords as object key with spread operators

Question

Say I have an object that looks like this

const props = {
    delete: function() {
        // stuffs
    },
    hello: 'hello',
    other: 'other', 
}

Now say I use spread operators and do something like this

const {hello, ...otherStuffs} = props;

Then for otherStuffs, I still get an object that is a copy of props but except for the hello key.

But what if I do not want the delete key of the object ? I can not do the same as done above because apparently delete is a reserved keyword.

const {delete, ...otherStuffs} = props; // error here

I can however still filter the keys from the object that are not equal to 'delete' and get my object but is there a way to do this using spread operators ?

Object spread syntax is not ES6. – Bergi Jul 04 '17 at 11:37 — Bergi, Jul 04 '17 at 11:37

score 3 · Accepted Answer · answered Jul 04 '17 at 10:11

3

You can do it by aliasing the delete property of props. You can try this

const props = {
    delete: function() {
        console.log("delete");
    },
    hello: 'hello',
    other: 'other', 
}

const {"delete": del, ...otherStuffs} = props;
del();

Reference: Invalid JavaScript identifier as a property name

answered Jul 04 '17 at 10:11

maazadeeb

5,922
2
27
40

Would it possible to use a symbol as well? – evolutionxbox Jul 04 '17 at 10:16
By symbol you mean the new ES6 Symbol? Where would you like to use it? – maazadeeb Jul 04 '17 at 10:39
As a key. Like you would a string. – evolutionxbox Jul 04 '17 at 10:51
1

I guess you could. And it might also be cleaner. But _only_ if you used the same Symbol to define the property as well. – maazadeeb Jul 04 '17 at 10:59

Using reserved keywords as object key with spread operators

1 Answers1