javascript - conditional javascript object ES6

Question

I have a payload which may or may not contain a value.

const { mainValue } = payload;

This mainValue can either only be optionaA or optionB.

I am constructing another object based on this value. How can I conditionally construct the below object. Either I need newProp1 or just newProp2. Is there an ES6 way of doing it, which will be neater.

const newObj = {
    propertyA: someValue,
    AttributeA: {
        newProp1: {
            value: optionaA
        },
        //// i need newProp1 or newProp2 in this newObj
        newProp2: {
            value: optionaB
        }
    }
}

"may or may not contain a value"... are you saying that mainValue could also be undefined? If so, what should the result look like in that case? — Phil
– Phil, Commented Aug 18, 2021 at 2:13

Felipe Plets · Accepted Answer · 2021-08-18 12:14:00Z

1

I believe the smallest amount of code you can have that will produce the desired output is:

const { mainValue } = payload
const newObj = {
  propertyA: someValue,
  AttributeA: {
    [`newProp${mainValue === optionaA ? 1 : 2`]: {
      value: mainValue
    }
  }
}

The ES6 feature that enables it is Computed Property Names

edited Aug 18, 2021 at 12:14

answered Aug 18, 2021 at 2:17

Felipe Plets

7,5705 gold badges40 silver badges64 bronze badges

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

2 Comments

user2281858 Over a year ago

`${ mainValue === 'optionaA' || 'otherOption' 'email' ? '1' : '2' }`` How can I fit an OR statement?

Felipe Plets Over a year ago

Not sure what you are trying to achieve with the statement above. Do you mean that mainValue can be optionaA, otherOption or email and in any of this cases it should add to newProp1 and otherwise to newProp2?

Collectives™ on Stack Overflow

javascript - conditional javascript object ES6

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related