[Do it! 자바스크립트 입문] 06 - 4장 제어문 - if문, if...else문, 조건 연산자, switch문

자바스크립트 함수에서 중요한 제어문을 한번 배워보겠습니다.

 

04 - 1 조건에 따라 흐름 조절하기 - if문, if...else문과 조건 연산자

 

#1 if문 

if(true){
    
}

if문은 소괄호 안의 조건이 true면 중괄호 안의 자바스크립트 소스를 실행하고,

false면 중괄호 안의 자바스크립트를 무시합니다.

 

#2 if ... else문

if (true) {
} else {
}

if ... else문은 실행할 명령이 둘 이상일 경우 중괄호에 묶고 실행 순서대로 나열합니다.

 

#3 조건 연산자 - ?(물음표)와 :(콜론)

var score = 75;
(score >= 60) ? alert("통과") : alert ("실패");

조건 ? 조건이 true일 때 명령 : 조건이 false일 때 명령

 

#4 3의 배수 검사기 만들기

 

1단계 값을 입력받을 수 있도록 프롬프트 창 만들기

 

2단계 사용자가 입력했는지 확인하기

 

사용자가 값을 입력하고 확인 버튼을 누르면 나타나는 창과

값을 입력하지 않고 취소 버튼을 누르면 나타나는 창을 각각 지정해줍니다.

 

* null = 유효하지 않은 값

취소 버튼을 눌렀을 시

 

3단계 3의 배수인지 확인하기

 

 

① #result에 값을 표시할 수 있도록 displayArea라는 변수를 만들어 줍니다.

② if문 안에 입력한 값이 3의 배수인지 확인 할 수 있는 if ... else문 만들어 줍니다.

③ 3의 배수는 숫자를 3으로 나누면 나머지가 0이 될 수 있게 식을 만들어 추가해줍니다.

   userNumber % 3 === 0

④ if문 안에 3의 배수일 경우 나타낼 문구, else문 안에 3의 배수가 아닐 경우 나타낼 문구를 적어줍니다.

 

if

 

else

 

04 - 2 조건이 많을 때 흐름 조절하기 - switch문

 

#1 switch문

switch(1, 2, 3){
   case 1
   case 2
   case 3
default
} 

switch문은 여러가지 조건과 입력값을 비교해야 할 때 사용합니다.

case문에 각각 조건에 맞는 값을 입력합니다.

defalut문에는 사용자가 입력한 값이 조건 값과 전부 일치하지 않을 때 실행할 값을 넣습니다.