[JS] 제어문

awarduuu·2022년 3월 27일
0
post-thumbnail

제어문

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

조건문

조건을 만족하는지의 여부에 따라 코드를 제어할 수 있는 문장

if문

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

[기본형]

if(조건식){
  자바스크립트 코드;
}

예시

var num = 10;
if(num<500){
  document.write("hello");
} // 조건식 num<500 -> true 이니 document.write("hello"); 실행

※ *조건식에 0, null, ""(빈문자), undefined 값이 입력되면 false를 반환
(그 밖의 값은 true로 인식)

예시

if(0){
  document.write("hello");
} // 조건식에 있는 0은 false 이므로 조건문 코드 실행 x

else문

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

[기본형]

if(조건식){
  자바스크립트 코드1;
}else{
  자바스크립트 코드2;
}

else if 문

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

[기본형]

if(조건식1){
  자바스크립트 코드1;
}else if(조건식2){
  자바스크립트 코드2;
}else if(조건식3){
  자바스크립트 코드3;
}else{
  자바스크립트 코드4;
}

중첩 if문

: 조건문 안에 조건문이 있는 문장

[기본형]

if(조건식1){
  if(조건식2){
    자바스크립트 코드; // 조건식1 만족 -> 조건식2 만족 시 실행
  }
}

선택문

변수에 일치하는 경우의 값에 따라 코드를 제어할 수 있는 문장

switch문

: 변수에 저장된 값과 switch 문에 있는 경우(case)의 값을 검사하여 일치할 때 그에 해당하는 코드를 실행한다.

[기본형]

var 변수 = 초깃값;
switch(변수){
  case1 : 코드1;
  break;
  case2 : 코드2;
  break;
  case3 : 코드3;
  break;
  default: 코드4;
}

반복문

특정 코드를 여러 번 반복해서 실행할 수 있도록 하는 문장

while문

: 조건식을 만족할 때까지 코드를 여러 회 반복하여 실행할 수 있게 하는 문장

[기본형]

var 변수 = 초깃값;

while(조건식){
  자바스크립트 코드;
  증감식;
}

do while문

: 반드시 한번은 코드를 실행하고 조건식을 검사하는 문장

[기본형]

var 변수 = 초깃값;

do{
  자바스크립트 코드;
  증감식;
}while(조건식)

for문

: 조건식을 만족할 때까지 특정 코드를 반복하여 실행하는 문장

[기본형]

for(초깃값;조건식;증감식){
  자바스크립트 코드;
}

break문

: 반복문인 while문 또는 for문에서 break문을 실행하면 조건식과 상관없이 강제로 반복문을 종료하는 문장

[기본형]

// for문
for(초깃값;조건식;증감식){
  break; // 반복문을 강제로 종료합니다.
  자바스크립트 코드;
}

// while문
var 변수 = 초깃값;
while(조건식){
  break; // 반복문을 강제로 종료합니다.
  자바스크립트 코드;
  증감식;
}

continue문

: 반복문에서만 사용할 수 있는 코드로, while문에서는 continue 다음 오는 코드를 무시하고 바로 조건 검사를 하고, for문에서는 continue 다음 오는 코드를 무시하고 바로 증감 연산을 실행합니다.

[기본형]

// for문
for(초깃값;조건식;증감식){
  continue; 
  자바스크립트 코드;
}

// while문
var 변수 = 초깃값;
while(조건식){
  증감식;
  continue;
  자바스크립트 코드;
}
profile
선한 영향력을 만드는 개발자

0개의 댓글