JavaScript_제어문과 조건문, 선택문, 반복문

1. 제어문이란 프로그램 흐름을 제어할 수 있도록 도와주는 문장이다.

-제어문에는 조건을 만족하는지의 여부에 따라 코드를 제어할 수 있는 조건문(if문/ else문/ else if문),

변수에 일치하는 경우의 값에 따라 코드를 제어할 수 있는 선택문(switch문),

특정 코드를 여러 번 반복해서 실행할 수 있도록 하는 반복문(while문/ for문)이 있다.

 

2. 조건문

- if문

: 조건식을 만족(true)할 경우에만 코드를 실행한다.

if(조건식) {

자바스크립트 코드;

}

ex)var num=10;

if(num<500) {

document. write("hello")

} 

=> true를 반환하여 웹페이지에 hello문구가 나옴.

 

-조건식에 논리형 데이터가 아닌 다른 형이 오는 경우

: 조건식에 논리형 데이터 (true, false)가 아닌 다른 형의 데이터가 입력되어도 true, false로 인식된다.

단, 조건식에 0,null, ""(빈문자), undefined가 입력되면 false로 반환된다.

 

-else문

: 조건식을 만족할(true) 경우와 만족하지 않을(false) 경우에 따라 실행되는 코드가 달라진다.

if(조건식) {

자바스크립트 코드1;    //조건식을 만족했을 경우 실행

} else {

자바스크립트 코드2;   //조건식을 만족하지 못한 경우 실행

}

 

-else if문

: 두 가지 이상의 조건식과 정해 놓은 조건을 만족하지 않았을 때 실행되는 코드로 이루어져있다.

if(조건식) {

코드1;

} else if(조건식2) {

코드2;

} else if(조건식3) {

코드3;

}

 

-중첩 if문

: 조건문 안에 조건문이 있으면 중첩 if문이라고 한다.

if(조건식1){

if(조건식2){

자바스크립트 코드;

}

}

=> 바깥쪽에 있는 조건문인 조건식1을 만족해야만 안쪽에 있는 조건문인 조건식2를 검사한다.

만일 조건식2를 만족하지 않으면 조건식1의 중괄호 안에 있는 코드만 실행하고 종료한다.

 

3. 선택문

-switch문

: 변수에 저장된 값과 switch문에 있는 경우의 값을 검사하여 변수와 경우의 값에서 

일치하는 값이 있을 때 그에 해당하는 코드를 실행한다. (여러 경우의 값 중 일치하는 데이터를 찾아 해당코드 실행)

var변수=초깃값;

switch(변수){

case 값1 : 코드1;

break;

case 값2 : 코드2;

break;

case 값3 : 코드3;

break;

 

default : 코드4;

}

=> 변수에 저장된 값은 switch문을 만나면 case의 값을 하나씩 검사하고,

일치하는 데이터가 있으면 그에 해당하는 코드를 실행하고 break문을 만나 종료한다.

만일 경우(case)의 값 중에 일치하는 데이터가 없으면 마지막 default에 있는 코드를 실행하고 종료한다.

 

4. 반복문

-while문

: 조건식을 만족할 때까지 코드를 여러 회 반복하여 실행한다.

var 변수=초깃값;

while(조건식) {

자바스크립트 코드;

증감식;

}

 

-do while문

: 반드시 중괄호에 있는 코드를 한 번은 실행하고 조건식을 검사한다.

var 변수=초깃값;

do {

자바스크립트 코드;

증감식;

} while(조건식)

 

-for문

: 조건식을 만족할 때까지 특정 코드를 반복하여 실행한다.

for(초깃값; 조건식; 증감식) {

자바스크립트 코드;

}

 

-break문

: 조건식과 상관없이 강제로 반복문을 종료한다.

(break문이 자바스크립트 코드보다 앞에 있으면 코드는 실행되지 않고 바로 종료된다.)

 

-continue문

: 반복문에서만 사용할 수 있고, continue문 다음에 오는 코드는 무시하고 바로 조건식으로 이동해 조건 검사를 한다.

 

-중첩 for문

: for문 안에 for문을 사용한 것이다.

for(초깃값; 조건식; 증감식) { //바깥쪽 for문

for(초깃값; 조건식; 증감식) { //안쪽 for문

자바스크립트 코드;

}

} 

=> 바깥쪽 반복문이 1회 실행되면 안쪽의 반복문은 2회 실행된다.