[JavaScript] 자바스크립트 if , else, else if 문

---

자바스크립트 if문

---

제어문(control flow statements)

프로그램의 순차적인 흐름을 제어해야 할 때 사용하는 실행문을 제어문이라고 합니다.

이러한 제어문에는 조건문, 반복문 등이 포함됩니다.

 

조건문(conditional statements)

조건문이란 프로그램 내에서 주어진 표현식의 결과에 따라 별도의 명령을 수행하도록 제어하는 실행문입니다.

1. if 문
2. else 문
3. else if 문

조건문 중에서 가장 기본이 되는 실행문은 if 문입니다.

 

if문

if 문은 표현식의 결과가 참(true)이면 주어진 실행문을 실행하며, 거짓(false)이면 아무것도 실행하지 않습니다.

문법

if (표현식) {

    표현식의 결과가 참일 때 실행하고자 하는 실행문;

}

See the Pen JjYVmGm by yunjunshin (@yjshin) on CodePen.

 

else 문

if 문과 같이 사용할 수 있는 else 문은 if 문의 표현식 결과가 거짓(false)일 때 주어진 실행문을 실행합니다.

문법

if (표현식) {

    표현식의 결과가 참일 때 실행하고자 하는 실행문;

} else {

    표현식의 결과가 거짓일 때 실행하고자 하는 실행문;

}

See the Pen eYpoPZV by yunjunshin (@yjshin) on CodePen.

 

else if 문

else if 문은 if 문처럼 표현식을 설정할 수 있으므로, 중첩된 if 문을 좀 더 간결하게 표현할 수 있습니다.

하나의 조건문 안에서 if 문과 else 문은 단 한 번만 사용될 수 있습니다.

하지만 else if 문은 여러 번 사용되어 다양한 조건을 설정할 수 있습니다.

문법

if (표현식1) {

    표현식1의 결과가 참일 때 실행하고자 하는 실행문;

} else if (표현식2) {

    표현식2의 결과가 참일 때 실행하고자 하는 실행문;

} else {

    표현식1의 결과도 거짓이고, 표현식2의 결과도 거짓일 때 실행하고자 하는 실행문;

}

See the Pen BaoEqzK by yunjunshin (@yjshin) on CodePen.

 

자바스크립트에서는 간단한 if else 문을 삼항 연산자를 이용하여 간단히 표현할 수 있습니다.

삼항 연산자에 의한 조건문

삼항 연산자는 짧은 if / else 문 대신 사용할 수 있으며, 코드를 간결하게 만들어 줍니다.

문법

표현식 ? 반환값1 : 반환값2

물음표(?) 앞의 표현식에 따라 결괏값이 참이면 반환값1을 반환하고, 결괏값이 거짓이면 반환값2를 반환합니다.

See the Pen rNObqyv by yunjunshin (@yjshin) on CodePen.