JavaScript insert a new property to inline object only if condition is met [duplicate]

Question

I'm aware with ES6 JavaScript object you can dynamically declare variables as object keys, using [], for example:

{[2 + 2]: "four!"}

gives the output {"4": "four!"}

the question is, can a similar method be done in order to add an entire property, through variables etc., inline? Meaning, like suppose I have the following test object:

var myObj = {
    someProp: 2,
    someOtherProp: 3 //only add this prop if a condition is met
}

is there anything I can write in the inline object for someOtherProp, to only have it be added to the object, if a certain condition is met? So for example (pseudocode), something like this

var myObj = {
    someProp: 2,
    [someBool ? null : "someOtherProp: 3"] //only add this prop if a condition is met
}

would give the ouput (considering someBool is true), like the above, but if someBool is false, it would give me

var myObj = {
    someProp: 2
}

??

I'm aware I can simply add a property (or delete one) to (/from) the object later, using the [] indexer, like

someBool && (myObj["someOtherProp"] = 3)

as well as make some kind of helper function for this,

but I was wondering if there was a way to do it using the inline-object notation?

@adiga yes that one answered it, stackoverflow.com/a/40560953/2016831 perfectly — B''H Bi'ezras -- Boruch Hashem
– B''H Bi'ezras -- Boruch Hashem, Commented Jun 16, 2020 at 6:32

Nina Scholz · Accepted Answer · 2020-06-16 06:28:56Z

8

You could spread an object with a conditional operator.

{} is a neutral value.

var myObj = {
    someProp: 2,
    ...(someBool ? {} : { someOtherProp: 3 })
}

answered Jun 16, 2020 at 6:28

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

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

1 Comment

Yevhen Horbunkov Over a year ago

That could be even shorter with ...(someBool && { someOtherProp: 3})

Collectives™ on Stack Overflow

JavaScript insert a new property to inline object only if condition is met [duplicate]

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related