상세 컨텐츠

본문 제목

(기초) 제어문

Front-end/JavaScript

by 본투비곰손 2023. 1. 5. 23:55

본문

728x90

1. 조건문 if

if(조건){}

if(조건){}else{}

if(조건1){} else if(조건2){} else{}...

 

2. 삼항 연산자

A === B ? {코드1} : {코드2}

A가 B가 맞으면 코드1실행 아니면 코드2 실행

 

3.조건문 switch

1)

switch(조건){

       case  값1:

         코드1

      break;

      case 값2:

        코드2

      break;

 }

 조건이 값1이면 코드1 실행 후 값을 반환 값2 면 코드2 실행하고 값을 반환

2)

switch(조건){

       case  값1:

      case 값2:

        코드2

      break;

case 값3:

        코드3

      break;

}

조건이 값1 이거나 값2 면 코드 2실행 값3이면 코드3 실행

 

3)

switch(조건){

       case  값1:

      case 값2:

        코드2

      break;

case 값3:

        코드3

      break;

   default:

     코드 4

}

조건이 값1,값2,값3 어느것도 해당되지 않는다면 코드4 실행 (if문의 else와 유사함)

 

4. 반복문 for

for(변수 선언문 ; 조건식 ; 증감식) {코드}

변수 선언문 → 조건식이 참이면 코드 실행 → 증감식 실행 → 조건식이 참이면 코드 실행 ...... 조건식이 거짓이 될때까지 조건식과 증감식 반복 하면서 코드 실행

for(let i =0 ; i < 9 ; i++ ) {

 코드

}

for 반복문 안에 for 반복문이 들어 갈 수 있다.

 

 for(let i = 0 ; i < 20 ; i++) {

    if(i ===10) {

       continue; 

          }

      코드 2

}

continue를 사용하면 이하 코드는 생략되어 다음으로 넘어간다.(i가 20이 될때까지 코드2를 실행하고 10이 되었을때 는 코드2를 지나치고 11일때 코드2가 실행된다.)

 

for(let i = 0 ; i < 20 ; i++) {

    if(i ===10) {

       break;

          }

    코드2

}

break를 사용하면 i가 9일때까지 코드2를 실행 하다가 10이되었을때 멈춘다.

 

5. 반복문 while

728x90

'Front-end > JavaScript' 카테고리의 다른 글

(기초) 연산자  (0) 2023.01.04
(기초) 변수 타입  (0) 2023.01.04
브라우저 좌표 구하기  (0) 2022.11.28
윈도우 사이즈 구하기  (0) 2022.11.28

관련글 더보기