[JS] 조건문이란?

03 Jan 2023 in Study on Study, JavaScript

• If문
  • 연산자들
    • 동치연산자 (===)
    • 비교연산자 (>, <, >=, <=)
    • 논리연산자 ($$, ||)
    • 부정연산자 (!)
• else문
• 삼항 조건 연산자

If문

주어진 조건식의 참(true0/거짓(false)여부에 따라 실행이 결정됨.
조건식은 결과가 Boolean타입이 되도록 작성해야함.

예시

//if뒤에 있는 소괄호에 조건식을 넣고 조건식이 참으로 평가되면 코드블록 내부 코드가 실행됨.

if(true){
  console.log('true!!!');
}

//true!!!

연산자들

동치연산자 (===)

두 피연산자가 동일하면 true, 그렇지 않으면 false반환.
!==는 반대로 두 피연산자가 동일하지 않으면 true, 동일하면 false반환

비교연산자 (>, <, >=, <=)

두 피연산자의 값의 크기 비교. 수학에서의 부등호 기호의 사용법과 유사.

논리연산자 ($$, ||)

논리합(||), 논리곱(&&)을 사용하면 복수의 조건을 작성할 수 있다.
||은 여러 조건 중 하나만 true여도 true로 판단.
&&은 여러 조건 중 하나라도 false면 false로 판단.

부정연산자 (!)

조건을 부정함. true -> false로 판단
false -> true로 판단

else문

if문을 사용해 조건식이 true일 때 코드가 실행하게 할 수 있었는데,
조건이 true, false일 때 각각 다른 코드가 실행하고 싶을 때는 else 문을 활용한다.
else문은 독립적으로 사용할 수 없고 if문 바로 뒤에 작성해야 한다. (한 번만 사용 가능)
조건을 더 추가하고 싶다면 else if문을 활용하면 가능하다. (여러 번 사용 가능)

삼항 조건 연산자

if문과 else문을 삼항 조건 연산자로 바꿔 쓸 수 있다.
삼항 조건 연산자는 조건식을 먼저 작성 후 ?를 입력하고 그 뒤로 참/거짓일 때 실행할 코드를 :로 구분하여 각각 입력한다.

let num = 5;
num % 2 === 0 ? console.log('짝수') : console.log('홀수'); // '홀수입니다.'

편리하고 가독성 좋은 삼항 조건 연산자이나 조건에 따라 실행해야 할 내용이 길고 복잡하다면 if/else문 사용이 더 적합.