🐾 [자바스크립트] 삼항연산자

배경
처음에는 if문을 많이 사용했다. 근데 동료가 이럴때에는 삼항연산자를 사용하면 코드가 깔끔하다는 걸 알려줬다.
나는 그래서 if문을 점점 안쓰게 된다. 갑자기 삼항연산자의 장,단점이 갑자기 궁금해졌다.
장점
- 할당연산자를 효율적으로 사용할 수 있다. => if문을 사용할 때마다 return값을 사용한다. 그런데 삼항연산자를 사용하면 return은 한번만 사용하면 된다.
단점
- 중첩 삼항연산자를 사용하는 경우 가독성이 떨어진다.
문법
조건 ? 참일때 : 거짓일때
예시
type=== "BANNER" ? 1208 : 500
- 배너인 경우 1208이고 아니면 500으로 한다
처음에는 삼항연산자만 쓰고 중첩인 경우에는 if문을 사용했는데 중첩도 가능하다는 사실을 알았다.
그래서 중첩 삼항 연산자도 자주 사용하고 있다.
중첩삼항연산자 문법
조건 ? 참일때
: 조건? 참일때
: 조건? 참일때
: 거짓일때
예시
const type = "BANDBANNER"
let width;
type=== "BANDBANNER"
? (width = 1208)
: type === "BANNER"
? (width = 1600) :
type === "pcImage" || type === "mobileImage"
? (width = 1250): (width = 500);
console.log(width) //1208
- 띠배너일 때에는 1208, 배너일 때 1600, 피씨이미지, 모바일이미지는 1250, 그 외는 500이다
- 현재는 때 띠배너이니까 1208이다.
글을 쓰다가 궁금해졌다. if문과 switch문 중에서 switch문이 빠르다는 걸 저번에 go언어 증명했었다.
그렇다면 if문과 삼항연산자 중에서는 뭐가 빠를까?
나는 요즘 삼항연산자를 많이 쓰게 된다.
https://yoogenie.github.io/post/golang/20220123/