Conditional object declaration in javascript

Question

I have an object that can have 2 attributes, "a" and "b". Attributes "a" === "fixed", always, while "b" must be set depending on some variables values. These variables are "c" (boolean) and "d" (string).

If c is false the object must be:

const obj = {a: "fixed", b: "cFalse"}

If c is true and d is an empty string the object must be:

const obj = {a: "fixed", b: "cTrueDEmpty"}

while if c is true and d is not empty the object must be:

const obj = {a: "fixed", b: "cTrueDNotEmpty"}

I'm having troubles to code this in javascript, I tried with a ternary operator but linter says it's too complicated:

const obj= {
a: "fixed",
...(c === false ? {b: "cFalse"} : (d === "" ? {b: "cTrueDEmpty"} : {b: "cTrueDNotEmpty"} ) ),
};

Any suggestions? Thanks

Nina Scholz · Accepted Answer · 2022-07-05 09:12:42Z

1

You could take a nested conditional operator.

const getObject = (c, d) => ({
    a: 'fixed',
    b: c
        ? d 
            ? 'cTrueDNotEmpty'
            : 'cTrueDEmpty'
        : 'cFalse'
});

console.log(getObject(false));
console.log(getObject(true, ''));
console.log(getObject(true, 'xx'));

answered Jul 5, 2022 at 9:12

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

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

Comments

Mykyta Halchenko · Accepted Answer · 2022-07-05 09:17:45Z

0

JavaScript supports to do it without any ternal operators. If you want to do it in a one row and in the place of object declaration you can try this:

const obj = {a: 'fixed', b: c && (d && 'cTrueDNotEmpty' || 'cTrueDEmpty') || 'cFalse' };

Or in more readable way :

const bPropVal = c && (d && 'cTrueDNotEmpty' || 'cTrueDEmpty') || 'cFalse';
const obj = {a: 'fixed', b:bPropVal   };

NOTE: your string d can be null as well as empty

edited Jul 5, 2022 at 9:17

answered Jul 5, 2022 at 9:02

Mykyta Halchenko

8181 gold badge6 silver badges26 bronze badges

Comments

nem0z · Accepted Answer · 2022-07-05 09:23:35Z

0

Try this :

const obj = {a: 'fixed', b: c ? (d ? 'cTrueDNotEmpty' : 'cTrueDEmpty') : 'cFalse' };

or (for the linter)

const dValueIfC = d ? 'cTrueDNotEmpty' : 'cTrueDEmpty'
const obj = {a: 'fixed', b: c ? dValueIfC : 'cFalse' };

edited Jul 5, 2022 at 9:23

answered Jul 5, 2022 at 8:53

nem0z

1,1371 gold badge7 silver badges23 bronze badges

1 Comment

tazmin32w Over a year ago

My linter says "Exract this nested ternary operation into an independent statement." Referring to (d !== '' ? 'cTrueDNotEmpty' : 'cTrueDEmpty'). How can I?

Collectives™ on Stack Overflow

Conditional object declaration in javascript

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related