자바스크립트 -제어문

2018년 11월 08일 by Xion

    자바스크립트 -제어문 목차

-제어문이란 ?

제어문은 프로그램의 흐름을 제어할 수 있도록 도와주는 문장입니다.

ex)조건문 : if,else,else if 조건에 따라 특정 코드 실행

선택문 : switch - 일치하는 경우의 값이 있을 경우 코드 실행

반복문 : while, for코드를 지정한 횟수 만큼 반복 실행

 

-조건문

조건식의 값이 참인지 거짓인지에 따라 자바스크립트 코드를 제어.

 

if

-조건식을 만족 (true)일 경우 코드 실행 반환값 : true OR false

 

기본형 | if(조건식) {

자바스크립트 코드 ;

}

 

 

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

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

다음 값이 조건식에 입력되면 false를 반환하지만 그 밖의 값은 true로 인십합니다.

 

ex) 0, null , “” (빈문자) , undefined ->조건식에서 false반환

 

case 1) 출력이되는 경우

var num=3;

if(num) { //3true

document.write(num);

}

 

case 2) 출력되지 않는 경우

var num=0;

if(num) { //0false로 인식

document.write(num) ;

}

-else

조건식이 만족(true)일 경우와 만족하지 않을(false)일 경우에 따라 실행되는 코드가 달라진다. 즉 두가지 결과가 나온다.

 

기본형 | if(조건식) {

코드 1 ;

} else {

코드 2;

}

 

confirm객체를 사용하여 웹 페이지에 회원 탈퇴 여부를 묻는 확인/취소 창이 나타나게 하고 else조건문으로 사용자가 [확인]을 눌렀을때와 [취소]를 눌렀을 때 결과 화면이 다르게 나타나도록 하는 예제이다.

p67  참고

confirm() 메서드는 확인 버튼을 누르면 true값 반환 취소 버튼은 false값값 반환하여 저장.

 

-else if

else if 문은 두 가지 이상의 조건식과 정해 놓은 조건을 만족하지 않았을 때 실행되는 코드입니다.

 

기본형 | if (조건식 1) {

코드1;

} else if (조건식 2) {

코드2;

} else if (조건식 3) {

코드3;

} else {

코드4;

}

->이처럼 조건식 1부터 3까지 차례로 조건 검사를 하면서 만족하는 값이 나오면 코드를 실행후 종료하지만 조건식 중 만족하는 값이 하나도 없으면 else문의 중괄호 {에 있는 코드를 실행합니다.

 

-중첩if

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

기본형 | if(조건식1) {

if(조건식2) {

}

}

->중첩 if문은 바깥쪽에 있는 조건문인 조건식1을 만족해야만 안쪽에 있는 조건문은 조건식 2를 검사합니다.

 


'Java Script & j Query > Java Script' 카테고리의 다른 글

자바스크립트 내장객체  (0) 2018.11.12
자바스크립트 객체란 ?  (0) 2018.11.08
자바스크립트 선택문과 반복문  (0) 2018.11.08
자바스크립트 연산자  (0) 2018.11.06
자바스크립트 start  (0) 2018.11.06