Using multiple conditions in ? : statements in javascript

Question

In need to check three conditions and assign a value to a variable according the condition.

if(a =="z1"){
   b = "one";
} else if(a =="z2"){
   b = "two";
} else if(a =="z3"){
   b = "three";
}

Is it possible to do it in JavaScript using ? : statement to make it as a single line code

Java !== JavaScript

Rayon
– Rayon

2016-11-17 05:35:21 +00:00
Commented Nov 17, 2016 at 5:35 — Rayon
– Rayon, Commented Nov 17, 2016 at 5:35
b=['one','two','three'][a[1]-1]

Washington Guedes
– Washington Guedes

2016-11-17 11:14:41 +00:00
Commented Nov 17, 2016 at 11:14 — Washington Guedes
– Washington Guedes, Commented Nov 17, 2016 at 11:14

Pranav C Balan · Accepted Answer · 2016-11-17 05:41:05Z

8

Yes, you can use convert it to Conditional(ternary) operator.

var a = "z3";
var b = a == "z1" ? "one" : a == "z2" ? "two" : a == "z3" ? "three" : "" ;

console.log(b);

FYI : For a better readability, I would suggest using if...else statement or use switch statement . Although you need to use parenthesis for nested ternary operator for avoiding problems in case complex operations.

edited Nov 17, 2016 at 5:41

answered Nov 17, 2016 at 5:33

Pranav C Balan

115k25 gold badges172 silver badges195 bronze badges

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

6 Comments

Rayon Over a year ago

But you should not!

Pranav C Balan Over a year ago

@Rayon : why not?

Rayon Over a year ago

1) Unnecessary 2) Not-Readable 3) No advantage over conventional if-else condition...

Pranav C Balan Over a year ago

@Rayon : for reducing number of char it's helpfull

zer00ne Over a year ago

It is one step closer to minification. :P

|

Sunil B N · Accepted Answer · 2016-11-17 05:34:39Z

1

var b = (a =="z1") ? "one" : ((a =="z2") ?"two":(a =="z3")?"three":null);

Don't forget that it's tough to read to read this quickly. It's quite ok to use for one if else block.

answered Nov 17, 2016 at 5:34

Sunil B N

4,2251 gold badge33 silver badges53 bronze badges

Comments

Shikha thakur · Accepted Answer · 2016-11-17 05:36:43Z

1

You can do this things:

b=( a=="z1"?"one":(a =="z2"? "two":(a =="z3"?"three":undefined)))

answered Nov 17, 2016 at 5:36

Shikha thakur

1,28915 silver badges34 bronze badges

Comments

mrid · Accepted Answer · 2016-11-17 05:49:53Z

1

var b = a == "z1" ? "one" : ( a == "z2" ? "two" : ( a == "z3" ? "three" : undefined ) ) ;

a = "z1"

alert(a == "z1" ? "one" : ( a == "z2" ? "two" : ( a == "z3" ? "three" : undefined ) ) );

a = "z2"

alert(a == "z1" ? "one" : ( a == "z2" ? "two" : ( a == "z3" ? "three" : undefined ) ) );

a = "z3"

alert(a == "z1" ? "one" : ( a == "z2" ? "two" : ( a == "z3" ? "three" : undefined ) ) );

a = "z4"

alert(a == "z1" ? "one" : ( a == "z2" ? "two" : ( a == "z3" ? "three" : undefined ) ) );

edited Nov 17, 2016 at 5:49

answered Nov 17, 2016 at 5:40

mrid

5,7886 gold badges34 silver badges78 bronze badges

Collectives™ on Stack Overflow

Using multiple conditions in ? : statements in javascript

4 Answers 4

6 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

6 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related