sanguk.dev
작성완료
자바스크립트 제어문과 조건문

자바스크립트 제어문과 조건문

자바스크립트의 제어문과 조건문에 대한 설명입니다.

JavaScript

제어문

제어문이란?프로그램의 흐름을 제어할 수 있도록 도와주는 코드제어문 종류조건문 : 조건을 만족하는지의 여부에 따라 코드를 제어할 수 있다.선택문 : 변수에 일치하는 경우 값에 따라 코드를 제어할 수 있다.반복문 : 특정 코드를 여러 번 반복해서 실행한다.

조건문

조건식의 값이 참인지, 거짓인지에 따라 자바스크립트 코드를 제어
조건식에 0이 들어가면 false를 반환하여 조건문의 코드를 실행하지 않음

IF 문

조건식을 만족 할 경우에만 코드를 실행
기본형

javascript
if(조건식){
  실행할 코드;
}

조건식에 논리형 데이터가 아닌 다른 데이터형이 들어와도 논리형 데이터로 인식
0 , null , “” , undefined가 들어오면 false를 반환 / 그 밖의 값은 true 반환

ELSE 문

조건을 만족할 경우와 만족하지 않을 경우에 따라 실행되는 코드가 달라짐
기본형

javascript
if (조건식) {
  실행할 코드;
} else {
  실행할 코드;
}

로그아웃 하거나 회원 탈퇴할 때 확인창이 나와 여부를 물을 때가 있다. 이때 사용하는 함수가 confirm( )함수이다.
이 함수를 사용하여 확인 버튼을 누르면 true, 취소 버튼을 누르면 false를 반환

confirm 함수의 기본형confirm("메시지");

ELSE IF 문

두 가지 이상의 조건식과 정해 놓은 조건을 만족하지 않았을 때 실행되는 코드
기본형

javascript
if (조건식 1) {
  실행할 코드1;
} else if (조건식 2) {
  실행할 코드2;
} else if (조건식 3) {
  실행할 코드3;
}

중첩 IF 문

조건문 안에 조건문이 있는 것을 중첩 if 문 이라고 한다.
기본형

javascript
if (조건식 1) {
  if (조건식 2) {
    실행할 코드;
  }
}

선택문

SWITCH 문

변수에 저장된 값과 switch 문에 있는 case의 값을 검사하여 변수와 경우의 값이 일치할 때 해당 case의 코드를 실행. if 문과 비슷하지만 if 문은 데이터가 주로 범위 일때 사용하고, switch 문은 여러 경우 값 중 일치하는 데이터를 찾아 그에 해당하는 코드를 실행시킬 때 사용
기본형

javascript
var 변수 = 초기값;
switch (변수) {
   case 값1 :
      실행할 코드1;
      break;
   case 값2 :
      실행할 코드2;
      break;
   case 값3 :
      실행할 코드3;
      break;
   default :
      실행할 코드;// 일치하는데이터가 없을 경우
}

반복문

WHILE 문

조건식을 만족할 때까지 코드를 여러 회 반복하여 실행
기본형

javascript
var 변수 = 초기값;
while ( 조건식_1 ) {
   실행할 코드_2;
   증감식_3;
}
// 실행순서 : 1 -> 2 -> 3 -> 1 -> 2 -> ....

DO WHILE 문

반드시 한 번은 코드를 실행하고 조건식을 검사
기본형

javascript
var 변수 = 초기값;
do {
   실행할 코드;
   증감식;
}
while (조건식)

FOR 문

조건식을 만족할 때까지 특정 코드를 반복하여 실행.
while 문과 사용 방식은 같지만 while 문에 비해 사용하기 편함
기본형

javascript
for ( 초기값_1; 조건식_2; 증감식_3) {
   실행할 코드_4
}
// 실행순서 : 1 -> 2 -> 4 -> 3 -> 2 -> 4 -> 3 -> ....

BREAK 문과 CONTINUE 문

`break

Code
 문은 반복문을 강제로 종료시킬 때 사용하고,

continue

Code
 문은 다음에 오는 코드를 무시하고
바로 조건식 (

while문) / 증감식 (for`문) 이동하여 코드를 수행
break문 기본형

javascript
for(초기값; 조건식; 증감식) {
  실행할 코드_1;
  break;  // 1번을 한번 실행하고 종료
}var 변수 = 초기값;
while (조건식) {
   실행할 코드_1;
   증감식_2;
   break;  // 1번과 2번을 한번 실행하고 종료
}

continue문 기본형

javascript
for(초기값; 조건식; 증감식) {
   continue;
   실행할 코드;  // continue에 걸려 바로 증감식으로 넘어감
}var 변수 = 초기값;
while (조건식) {
   증감식;
   continue;
   자바스크립트 코드;  // 자바스크립트 코드를 실행하지 않고 조건식으로 넘어감
}

중첩 FOR 문

for 문 안에 for 문을 사용하는 것을 중첩 for 문 이라고 한다.
기본형

javascript
for (초기값; 조건식; 증감식) {
   for (초기값; 조건식; 증감식) {
      실행할 코드;
   }
}