자바스크립트 삼항연산자 사용방법 정리

자바스크립트에서 삼항연산자는

 

조건 ? 맞을 경우 : 안맞을 경우

이렇게 사용해주면 된다

 

만약 삼항연산자로 NULL 처리를 하려고 한다면

아래 글을 참고해서 isEmpty 함수를 가져다가 쓰면

원하는 조건에 맞춰서 편하게 NULL 처리가 가능하다

자바스크립트 각종 NULL 처리방법 정리

다음으로

여러개의 삼항연산자를 다중으로 중첩시킬 경우에는

괄호()를 사용해주면 되는데

 

조건 ? (조건2 ? 조건2_맞을_경우 : 조건2_안맞을_경우) : 안맞을 경우

이렇게 쓰면 되는데

문제는 삼항연산자를 이중, 삼중으로 중첩시킬 경우

가독성이 매우 떨어진다

 

삼항연산자는 가급적이면

중첩을 하지 않는것이 좋고

중첩을 해야한다면 삼항연산자가 아닌

IF를 사용하는 쪽이 낫다

 

마지막으로 예제에 사용한 코드는 아래와 같다

 

	// 조건 ? 맞을 경우 : 안맞을 경우
	var val = 1 == 2 ? "true" : "false"
			
	console.log(val); // 값 출력 (false)
	
	// 삼항연산자 중첩 예제
	// 조건 ? (조건2 ? 조건2_맞을_경우 : 조건2_안맞을_경우 ) : 안맞을 경우
	val = 1 == 1 ?  ("true" == "true" ? "중첩true" : "중첩false") 
					: "false";
	
	console.log(val); // 값 출력 (중첩true)