배워서 남주는 개발자 :)

JS

[ JS 딥다이브 ] 5주차 : 제어문

핏짜보이 2023. 3. 5. 12:44
반응형

 

제어문

→ 조건에 따라 코드블록을

실행

(조건문)하거나

반복 실행

(반복문)할 때 사용

→ 일반적인 코드는 위에서 아래로 순차적으로 실행

⇒ 이때, 제어문을 사용하면 코드의 실행 흐름을 인위적으로

제어

가능

🛑 하지만 코드의 실행 순서가 변경된다는 것은 직관적인 코드의 흐름을 혼란스럽게 할 수 있음

코드의 흐름을 이해하기 어렵게 만들어

가독성을 해치는 단점

이 있음

 

⇒ 가독성이 좋지 않은 코드는

오류를 발생

시키는 원인이 됨 👉🏻 forEach, map, filter, reduce같은

고차함수

를 사용한 함수형 프로그래밍 기법에서는 제어문의 사용을 억제하여

복잡성을 해결하려고 노력

 

8.1 블록문

  • 0개 이상의 문을 중괄호로 묶은 것
  • JS는 블록문을 하나의 실행단위로 취급함

 

8.2 조건문

  1. 주어진 조건식의 평가 결과에 따라 코드 블록의 실행을 결정하는 제어문 / 불리언 값으로 평가될 수 있는 표현식
  • if - else 문 → 조건식의 결과가 true인 경우 if 문의 코드 블록이 실행되고, false인 경우 else 문의 코드 블록 실행
let num = 10 if(num > 0){ 	console.log(`num ${num}은 양수!`) }  else if(num < 0) { 	console.log(`num ${num}은 음수!`) } else { 	console.log(`num ${num}은 0!`) }

 

  1. switch 문 → 주어진 표현식을 평가해서 그 값과 일치하는 표현식을 갖는 case문으로 실행 흐름을 옮김
  • case 문은 상황(case)을 의미하는 표현식을 지정하고 콜론으로 마무리함
  • 일치하는 case 문이 없다면 실행 순서는 default 문으로 이동함

 

8.3 반복문

  • 조건식의 평가 결과가 참인 경우 코드 블록을 실행하고, 이후에 다시 조건식이 거짓일때 까지 반복해서 코드블록을 실행함
  1. for 문 - 반복 횟수가 명확할 때, 주로 사용
    for(let i = 0; i < 10; i++) { 	i % 2 = 0 ? console.log('짝수!') : console.log('홀수!'); }

 

  1. while 문 - 반복 횟수가 불명확할 때, 주로 사용
    let num = 10 while(num > 0){ 	console.log(num) 	num-- }

 

  1. do… while 문

 

 

 

8.4 break문

  • break 문은 코드 블록을 탈출
  • 레이블문 / 반복문 / switch문을 탈출

 

8.5 continue문

  • 반복문의 코드블록 실행을 현 지점에서 중단하고 반복문의 증감식으로 실행 흐름을 이동시킴
  • break문처럼 반복문을 탈출하지 않음

 

 

728x90