위코드 2차 프로젝트 진행시 공부한 내용을 정리하였습니다.
많이 들어봤었던 삼항연산자를 처음 2차프로젝트에 접하면서 블로그로 작성을 해두면 좋을 것 같은 생각에 이렇게 글로 작성해봅니다
삼항연산자는 "?"을 활용하여 조건문을 간결하게 표현할 수 있는 연산자입니다.
일반적인 삼항연산자의 구문은 아래와 같습니다.
condition ? exprIfTrue : exprIfFalse
예시문과 함께 다시 한번 정리하겠습니다.
const result = (x,y) => {
if ( x > y) {
return console.log(true)
} else {
return console.log(false)
}
}
result(17,20) // false
result(10,8) // true
위에는 가장 많이쓰이는 if문으로 조건문을 작성했을 때의 코드입니다.
이제는 삼항연산자로 예시와 동일하게 작성해보겠습니다.
const result = (x,y) => {
return x > y ? true : false
}
result(17,20) // false
result(10,8) // true
삼항연산자로 작성시 코드가 간결해지는걸 확인하실 수 있습니다.
코드의 가독성을 위해 모든 조건문을 삼항연산자로 작성할 경우 문제점이 발생할 수 있습니다.
삼항연산자는 주로 간단한 조건문일 때 사용하는 것을 추천드리며
조건문이 복잡하거나 여러 개의 동작을 수행해야 하는 경우에는 if문을 사용하는 것이 더 적합합니다.
이 점은 꼭 기억해주세요!