조건문 ① if 조건문

JavaScript에서 사용할 수 있는 조건문 중 if 조건문에 대해 알아보자.

 

if 조건문

if (불 값을 리턴하는 표현식) {
  표현식이 true일 때 실행할 문장
}

 

if else 조건문

if (불 값을 리턴하는 표현식) {
  표현식이 true일 때 실행할 문장
} else {
  표현식이 false일 때 실행할 문장
}

 

중첩 조건문

if (불 값을 리턴하는 표현식 1) {
  // 표현식 1이 true일 때 실행할 조건문
  if (불 값을 리턴하는 표현식 2) {
    표현식 2가 true일 때 실행할 문장
  } else {
    표현식 2가 false일 때 실행할 문장
  }
} else {
  // 표현식 1이 false일 때 실행할 조건문
  if (불 값을 리턴하는 표현식 3) {
    표현식 3이 true일 때 실행할 문장
  } else {
    표현식 3이 false일 때 실행할 문장
  }
}

아래와 같은 형태의 중첩 조건문은 논리 연산자를 이용해 하나의 if 조건문으로 표현할 수도 있다.

if (x > 10) {
  if (x < 20) {
    console.log('참입니다.')
  }
}

if (x > 10 && x < 20) {
  console.log('참입니다.')
}

 

if else if 조건문

if (불 값을 리턴하는 표현식 1) {
  표현식 1이 true일 때 실행할 문장
} else if (불 값을 리턴하는 표현식 2) {
  표현식 1이 false이고 표현식 2가 true일 때 실행할 문장
} else if (불 값을 리턴하는 표현식 3) {
  표현식 1, 2가 false이고 표현식 3이 true일 때 실행할 문장
} else {
  표현식 1, 2, 3이 false일 때 실행할 문장
}

 

if else if 조건문은 중첩 조건문에서 중괄호를 생략한 형태로 이해할 수도 있다.

 

 

 

---

이 글은 혼자 공부하는 자바스크립트 (윤인성 저)를 바탕으로 공부한 내용을 작성한 글입니다.