제어문이란?
프로그램의 흐름을 제어할 수 있도록 도와주는 코드
제어문 종류
조건문 : 조건을 만족하는지의 여부에 따라 코드를 제어할수 있다.
선택문 : 변수에 일치하는 경우에 값에 따라 코드를 제어할 수 있다.
반복문 : 특정 코드를 여러 번 반복해서 실행한다.
조건식의 값이 참인지, 거짓인지에 따라 자바스크립트 코드를 제어합니다.
조건식에 0이 들어가면 false를 반환하여 조건문의 코드를 실행하지 않습니다.
기본형
if(조건식) { 실행할 코드; }
조건식에 논리형 데이터가 아닌 다른 데이터형이 들어와도 논리형 데이터로 인식합니다. 0, null, ""(빈 문자), undefined가 들어오면 false가 반환되고, 그 밖의 값은 true가 반환됩니다.
else 문
조건을 만족할 경우와 만족하지 않을 경우에 따라 실행되는 코드가 달라집니다.
기본형
if(조건식) { 실행할 코드; } else { 실행할 코드2; }
로그아웃하거나 회원 탈퇴할 때 확인창이 나와 여부를 물을 때가 있다. 이때 사용하는 함수가 confirm()함수이다. 이 함수를 사용하여 확인 버튼을 누르면 true, 취소 버튼을 누르면 false를 반환한다.
confirm 함수의 기본형
confirm("메시지");
else if 문
두 가지 이상의 조건식과 정해 놓은 조건을 만족하지 않았을 때 실행되는 코드로 이루어져 있습니다.
기본형
if(조건식 1) { 코드1; } else if(조건식 2) { 코드2; } else if(조건식 3) { 코드3; }
중첩 if문
조건문 안에 조건문이 있는 것을 중첩 if문이라고 합니다.
기본형
if(조건식1) { if(조건식2) { 코드; } }
기본형
var 변수 = 초깃값; switch(변수) { case 값1: 코드1; break; case 값2: 코드2; break; case 값3: 코드3; break; default: // 일치하는 데이터가 없을 경우 코드4; }
기본형
var 변수 = 초깃값; while(1.조건식) { 2.자바스크립트 코드; 3.증감식; }
실행순서 : 1 -> 2 -> 3 -> 1 -> ...
기본형
var 변수 = 초깃값; do { 자바스크립트 코드; 증감식; }while(조건식)
기본형
for(1.초깃값;2.조건식;3.증감식) { 4.자바스크립트 코드; }
실행 순서 : 1 -> 2 -> 4 -> 3 -> 2 -> ....
break문 기본형
for(초깃값;조건식;증감식) { 1. 자바스크립트 코드; break; // 1번을 한번 실행하고 종료 }
var 변수 = 초깃값; while(조건식) { 1. 자바스크립트 코드; 2. 증감식; break; // 1번과 2번을 한번 실행하고 종료 }
continue문 기본형
for(초깃값;조건식;증감식) { continue; 자바스크립트 코드; // continue에 걸려 바로 증감식으로 넘어감 }
var 변수 = 초깃값; while(조건식) { 증감식; continue; 자바스크립트 코드; // 자바스크립트 코드를 실행하지 않고 조건식으로 넘어감 }
기본형
for(초깃값;조건식;증감식) { for(초깃값;조건식;증감식) { 자바스크립트 코드; } }