[JavaScript] 자바스크립트 기본 문법 (조건문)

조건문

 

if문과 if~else문

- 피연산자 2개의 값을 비교해서 true나 false로 결과값 반환.
- 하나의 if~else문 안에 다른 if~else문을 넣을 수 있다.

 

if (조건) {
    조건 결과값이 true일 때 실행할 명령
}

 

if (조건) {
    조건 결과값이 true일 때 실행할 명령
} else {
    조건 결과값이 false일 때 실행할 명령
}

 

if~else문 사용 예

사용자가 입력한 숫자를 3의 배수인지 아닌지를 출력해주는 프로그램이다.

 

 

 

prompt로 입력받은 userName을 3으로 나누었을 때 나머지가 0이면 3의 배수이고

나머지가 0이 아니면 3의 배수가 아니라고 알림창을 띄우는 프로그램이다.

 

여기서 주의할 점은, prompt창으로 입력받은 userName의 값이 null인지 아닌지를 체크하는것이 가장 우선되어야 한다.

프롬프트창에서 아무런 값도 입력하지 않고 취소버튼을 누르면 null값이 반환되므로, userNumber가 null이라면 실행하지 않도록하고 null이 아닐경우에만 실행하도록 해야한다.

 

 

 

---

if문과 논리 연산자 

 

if문 안에 있는 조건이 둘 이상일 경우에 사용하는것이 논리연산자이다.
논리연산자에는 AND연산자와 OR연산자가 있다.

 

논리 연산자

- OR 연산자 || 피연산자 중 하나만 true여도 true가 됩니다
- AND 연산자 && 피연산자가 모두 true일 경우에만 true가 됩니다.
- NOT 연산자 ! 피연산자의 반댓값을 지정합니다.

 

 

 

---

switch문

 

자바스크립트에서 사용하는 조건문중 또다른 하나는 switch문이 있다.
따져야할 조건이 많을 때 사용한다.

 

 

 

이렇게 프롬프트창에서 선택해야될 옵션이 많을경우에는 if와 else문을 사용하는것보다 switch문을 사용하는게 쉽고 적합하다.

 

 

 

---

* Reference : Do it! HTML+CSS+자바스크립트 웹 표준의 정석