제어문
-
제어문은 프로그램의 흐름(알고리즘)을 제어할 수 있도록 도와주는 문장을 말한다.
-
제어문에는 조건식의 만족여부에 따라 코드를 제어하는 조건문과 변수의 값이 일치하는지의 여부에 따라 코드를 제어하는 선택문과 코드를 원하는 횟수만큼 반복시키는 반복문이 있다.
조건문
- 조건문은 조건식이 true인지 false인지에 따라 코드를 제어하는 제어문으로,
if문과 else문 else if문이 있다.
if문
-
if문은 조건식을 만족할(true)경우에만 코드를 실행시킨다. 해석할 때 만약에(if) 조건식이 만족할 경우(true) {}안에 코드를 실행시킨다.
-
조건식은 앞에서 배웠던 Boolean()매서드와 마찬가지로 어떤 데이터를 넣든 true 또는 false를 반환한다.
[기본형]
if(조건식){ 조건식이 true일 경우 실행될 코드; }
else문
-
else문은 if문의 조건식이 false일 경우 실행시킬 코드를 제어하는 제어문이다.
-
else문은 단독으로 쓸 수 없고 if문 다음에 등장해야 한다.
-
조건식을 만족할 경우(true)일 경우와 만족하지 못할 경우(false)실행되는 코드가 달라진다. 두 가지 결과가 나올 수 있다는 뜻이다.
-
else문은 해석할 때 '그렇지 않으면~'이라고 해석할 수 있다.
[기본형]
if(조건식){
조건식이 true일 경우 실행될 코드;
}else{
조건식이 false일 경우 실행될 코드;
}
confirm()
-
'컨펌창'이라고 하여 사용자로 부터 확답을 받는 '확인 취소 창'을 말한다.
-
사용자가 '확인' 버튼을 누르면 true가 반환되고, '취소'버튼을 누르게 되면 false값을 반환한다.
[기본형]
confirm('메세지');
else if문
-
else if문은 두 가지 이상의 조건식과 정해놓은 조건을 만족하지 않았을 때 실행할 코드로 이루어져 있다.
-
아래 기본형은 if문의 조건식1을 먼저 검사한 후 만약 조건식1이 만족하지 않는다면 아래 else if문을 검사한다.
-
조건식1,2,3을 순차적으로 검사한 후 만족하는 조건식이 있으면 그에 해당하는 {}안에 코드를 실행시킨 후 종료한다.
-
만약 조건식 중 하나도 만족하는 조건식이 없다면 마지막 else문을 실행시킨 후 종료한다.
[기본형]
if(조건식1){
조건식1이 만족하면 실행될 코드;
}else if(조건식2){
조건식2가 만족하면 실행될 코드;
}else if(조건식3){
조건식3가 만족하면 실행될 코드;
}else{
조건식1,2,3이 모두 만족하지 않았을 경우 실행될 코드;
}
중첩 if문
-
조건문 안에 조건문이 있으면 '중첩 if문'이라고 부른다.
-
중첩 if문은 바깥쪽에 있는 조건문인 조건식1을 만족해야지만 안쪽에 있는 조건식2를 검사한다.
-
만약 안쪽 if문이 조건식2를 만족하지 않으면 바깥쪽 조건문의 조건식1의 {}안에 있는 코드만 실행하고 종료한다.
[기본형]
if(조건식1){ //조건식1이 만족하면
if(조건식2){ //조건식2를 검사한다. 조건식2도 만족하면
자바스크립트 코드; //해당코드를 실행시키고 종료한다.
}
자바스크립트 코드; //조건식2가 만족하지 않는다면 여기만 실행
}
alert()
-
alert()매서드는 사용자에게 알려줘야 하는 내용을 나타내는 메세지 창으로 보통 '경고창'이라고 부른다.
-
alert매서드가 실행되면 메세지와 함께 '확인'버튼이 나타나고 사용자가 확인 버튼을 누르게 되면 alert()매서드의 바로 아랫줄에 코드를 나타낸다.
선택문
-
선택문인 switch문은 변수에 저장된 값과 switch문 안의 경우(case)의 값을 검사하여 변수와 일치하는 경우의 값이 있으면 그에 해당하는 코드를 실행시키고 종료한다.
-
if문과 사용 용도는 비슷하지만 if문은 만족하는 데이터가 여러 개일 경우 사용하고, switch문은 여러 경우의 값중에 일치하는 데이터를 찾아 그에 해당하는 코드를 실행시키고 싶을때 사용한다.
-
변수에 저장된 값은 switch문을 만나면 case의 값을 하나씩 검사한다.
-
case의 값과 변수의 값이 일치하는 데이터가 있으면 그에 해당하는 코드를 실행시키고, 다음 줄의 break문을 만나 종료한다.
-
break문은 강제 종료문이라는 의미이다.
-
만약 case의 값과 변수의 값이 일치하는 데이터가 없다면 맨 마지막의 default문의 코드를 실행하고 switch문은 종료한다.
[기본형]
var 변수 = 초깃값;
swich(변수){
case 값1 : 코드1;
break;
case 값2: 코드2;
break;
case 값3 : 코드3;
break;
default : 코드 4
}
반복문
-
반복문을 이용하면 코드를 원하는 횟수만큼 반복 실행시킬 수 있다.
-
예를 들어 '안녕하세요' 라는 문구를 100번 출력하고 싶다면 출력문을 100회 반복해서 작성해야 하지만 반복문을 사용한다면 단 한줄의 출력문으로 100회를 반복하여 실행시킬 수 있다.
-
반복문의 종류는 while문, do while문, for문이 있다.
while문
-
while문은 조건식을 만족할때까지 코드를 여러 번 반복 실행시킨다. 여기서 조건식을 만족한다는 의미는 true에서 false가 될 때까지 반복시킨다는 의미이다.
-
while문의 실행 순서는
- 조건식을 검사하고, 만족하면
- {}안에 있는 자바스크립트 코드와 증감식을 실행한다.
- 다시 조건 검사를 한다.
- 증감식을 반복하다가 조건식이 true -> false가 되면 그때 while문이 종료한다.
[기본형]
var 변수 = 초깃값;
while(조건식①,③){
②
자바스크립트 코드;
증감식;
}
