Ternary Operator with Logical Operators

Question

I'm trying to use the logical operator && in my ternary operator while chaining and it isn't working... For example:

(x === 5 && y === 5) ? (do something) 
: (x === 5 && y === 4) ? (do something else) 
: (x === 5 && y === 3) ? (do a third thing) 
: null

Is this possible? Is there another way to do this?

What do you mean it isn't working? Can you post your code and your expected output? — rassar, Dec 22 '19 at 14:00
what means *do something*? a statement or an expression? do you use the result of the ternary? — Nina Scholz, Dec 22 '19 at 14:05
Does this answer your question? [How do you use the ? : (conditional) operator in JavaScript?](https://stackoverflow.com/questions/6259982/how-do-you-use-the-conditional-operator-in-javascript) — bad_coder, Dec 22 '19 at 14:06
It's "working" on syntax, but ternary operators don't exist to enchase code inside — Mister Jojo, Dec 22 '19 at 14:36

score 3 · Answer 1 · edited Dec 22 '19 at 14:20

3

x === 5 ? 
  y === 5 ? console.log('x=5, y=5') :
  y === 4 ? console.log('x=5, y=4') :
  y === 3 ? console.log('x=5, y=3') : null
: null

proof:

const resp = (x,y) => x === 5 ? 
                        y === 5 ? 'x==5, y==5' :
                        y === 4 ? 'x==5, y==4' :
                        y === 3 ? 'x==5, y==3' : 'x==5, y==?'
                      : 'x==?, y==?'

console.log ( '1 ,2 ', resp(1,2) )  // 1 ,2  x==?, y==?
console.log ( '5 ,2 ', resp(5,2) )  // 5 ,2  x==5, y==? 
console.log ( '5 ,4 ', resp(5,4) )  // 5 ,4  x==5, y==4

edited Dec 22 '19 at 14:20

Mister Jojo

12,060
3
14
33

answered Dec 22 '19 at 14:07

rajjix

161
5

1

not bad... (nice one) – Mister Jojo Dec 22 '19 at 14:10
it's hard to maintain. – Nina Scholz Dec 22 '19 at 15:04

Mister Jojo · Answer 2 · 2019-12-22T15:48:47.107

yes You can do your way :

const Question = (x,y) => (x === 5 && y === 5) ?  'x==5, y==5' 
                        : (x === 5 && y === 4) ?  'x==5, y==4' 
                        : (x === 5 && y === 3) ?  'x==5, y==3' 
                        : 'x==?, y==?' 

console.log ( '1 ,2 ', Question(1,2) )  // 1 ,2  x==?, y==?
console.log ( '5 ,2 ', Question(5,2) )  // 5 ,2  x==?, y==? 
console.log ( '5 ,4 ', Question(5,4) )  // 5 ,4  x==5, y==4

score 0 · Answer 3 · edited Dec 22 '19 at 14:26

Use parentheses to specify nested conditions for success and failure.

    (x === 5 && y === 5) ? (do something) : ((x === 5 && y === 4) ? (do something
      else) : ((x === 5 && y === 3) ? (do a third thing) : null));

proof:

const test = (x,y) => (x === 5 && y === 5) 
                      ? 'x==5, y==5' 
                      : ( (x === 5 && y === 4) 
                          ? 'x==5, y==4' 
                          : ( (x === 5 && y === 3) 
                              ? 'x==5, y==5'
                              : 'x==?, y==?'
                        )   );

console.log ( '1 ,2 ', test(1,2) )  // 1 ,2  x==?, y==?
console.log ( '5 ,2 ', test(5,2) )  // 5 ,2  x==?, y==? 
console.log ( '5 ,4 ', test(5,4) )  // 5 ,4  x==5, y==4

Ternary Operator with Logical Operators

3 Answers3