본문 바로가기

개발 이야기

제어구문

안녕하세요. 이제 막 기획자로 시작한 아기 기획자 소소한G 입니다.

비전공자 출신으로 IT 웹 기획자로서 살아남기 위해 일주일에 두번 프로트엔드 개발 수업을 듣고 있어요.

온전히 비전공자의 시선으로 꼼꼼하게, 원초적으로 설명드리려고 합니다.

저처럼 초보자 웰컴이에용.

 

오늘은 JavaScript의 제어구문에 대해서 이야기해볼게요. 

깔끔히 정리되었으면 좋겠네요.

 

1. if문 (조건문)

 

if ( ) {  }   >>   ( )의 조건이 맞으면 { } 실행 , 조건이 맞지 않을 때 else로 실행

 

2. switch문

 

조건이 많아질 때 case를 이용하여 실행

case가 끝났을 때 break를 사용

>> 사용하지 않으면 뒤의 case가 전의 case에 적용된다. 

 

3. while문

( )안의 조건이 참일 때만 { } 실행

참이 아니면 { }의 실행이 끝난다. 

 

4. do while문

do { }

while ( );

do 의 { }을 무조건 한 번 실행하고 while의 조건 ( ) 보고 while의 { } 실행

어떨때 사용하는가? 

예를 들어 네이버에 로그인 시 자동로그인, 로그인의 아이디가 맞는지 한번 실행한 후 로그인 실행.

 

5. for문 (반복문)

( )에 무한대로 변수가 들어갈 수 있다.

>> for (let i=0, let b=0; i<1, b<9, i++, b++) 이런 식으로

 

break는 for문에도 사용이 가능하다. 

만약 배열에 [a, b, c, d, ...]에서 c를 찾고 싶으면 c를 찾았을 때 반복문 멈추기

>>

const arr = [a, b, c, d, e, f, g, h]

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

    if (arr[a] === 'c') 

    console.log('hello world')

    break;

}

 

또는 

 

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

   if (arr[a] !== 'c') continue             >> c가 아니면 개행하지 않고 계속 넘어가고

   console.log('hello world')

   break;                                    >> c를 찾으면 실행 종료

}  

 

return : {  } bracket을 나가기 위하여 사용, 값을 밖으로 내보낸다.

throw : 문제가 있을 때 밖으로 던진다. (에러가 났을 때 에러와 함께 던짐)

 

반응형

'개발 이야기' 카테고리의 다른 글

배열  (0) 2019.11.28
객체 (object)  (0) 2019.11.25
[JavaScript] 함수 2  (0) 2019.11.25
[JavaScript] 함수 1_실행컨텍스트, 스코프  (0) 2019.11.18
Number 타입  (0) 2019.11.12