삼항 연산자

삼항연산자의 기능은 if문과 같다.

let name = "Jay";

function checkName(name){
	if (name === "Jay"){
		console.log("true");
	}
	else{
		console.log("false");
	}
}

checkName(name);
//true

위의 if문을 삼항연산자를 이용하면,

let name = "Jay";

function checkName(name){
	name === "Jay" ? console.log("true") : console.log("false");
}

checkName(name);
//true

위와 같이 간결한 코드로 나타낼 수 있다.

 

 

두개 이상의 변수에 값을 지정할 경우

let name = "Jay";
let age;
let gender;

function checkName(name){
	name === "Jay" ? (age = 29, gender = "M") : (age = 0, gender = "no data");
}

checkName(name);

console.log(age);
//29
console.log(gender);
//M

 

삼항연산자 중첩

let name = "ay";
let age;
let gender;

function checkName(name){
	name === "Jay" ? (age = 29, gender = "M") : 
    	name === "Jy" ? (age = 28, gender = "F") :
    	(age = 0, gender = "no data")
}

checkName(name);

console.log(age);
//0
console.log(gender);
//no data

삼항연산자의 중첩은 가능하지만, if문에 비해 가독성이 떨어져 보인다는 단점이 있다.

 

 

*if문과 삼항연산자의 차이점

-삼항연산자는 if문과 같이 블록문이 아니기 때문에 지역변수를 생성할 수 없다.

-if문은 조건문 안에서 변수의 값을 지정해야 하지만, 삼항연산자는 결과에 따라 변수의 값이 지정되도록 할 수 있다.

ex) let age = (name === "Jay") ? 29 : 0;

 

참고: bigtop.tistory.com/28 ,  joshuajangblog.wordpress.com/2016/11/21/javascript-coding-pattern-for-junior-web-developer/