Front-end/JavaScript

JavaScript ( 제어문 )

NiceKHJ 2024. 7. 15. 17:49

 제어문 이란? 

  • 프로그램의 실행 순서를 개발자가 원하는 방향으로 바꿀 수 있도록 해주는 문장을 말한다.
    • 모든 프로그램은 기본적으로 위에서 아래로 , 좌에서 우로 순차적으로 실행하는 흐름을 가진다.
  • 어떤 조건에 따라 명령 실행 순서를 바꾸거나 특정 구문만 계속 반복 실행하려면 조건문이나 반복문을 사용해야한다.
    • 조건을 체크하기 위해 비교 연산자나 논리 연산자가 중요하게 사용된다.

 

 조건(분기)문 

  • if문 , if ~ else 문 , if ~ else if문 , swich ~ case 문

 

 반복문 

  • while문 , do ~ while 문 , for 문

 

 이동문 

  • break , continue , return

 

 if 문 

  • if 다음에 소괄호를 사용해서 조건을 지정하고 조건 결과값에 따라 true이면 블록( {...} ) 안에 명령을 실행하고 false이면 블록을 건너뛰고 그 다음 명령을 실행한다.

 

  • 조건식에는 boolean 변수나 참과 거짓을 산출할 수 있는 연산식이 올 수 있다.
  • 실행할 명령문이 한 줄일 경우 중괄호({}) 를 생략할 수 있다.
    • 코드의 가독성(코드 해석)이 좋지 않고 버그 발생 원인이 될 수 있기 때문에 추천하지 않는다.
  • 명령문이 여러 줄일 경우 반드시 중괄호({}) 로 감싸야 한다.

 

 

 if ~ else 문 

  • 조건을 체크한 후 참이면 if 블록안의 명령을 실행하고 false이면 else 블록안의 명령을 실행한다.

 

 

 if ~ else if ~ else 문 

  • 조건을 체크한 후 참이면 if 블록안의 명령을 실행하고 false이면 다음 else if 문의 조건을 체크한후 블록안의 명령을 실행한다.

 

 

 

 

 switch 문 

  • 체크해야 할 조건이 많을 경우에는 여러개의 if...else 문을 사용하는 것보다 switch 문을 사용하는 것이 편리하다.
  • switch 문 안에 있는 case 절에서 각 값에 따라 실행할 명령을 작성하면 된다.
  • switch 문에 있는 조건은 case 중 하나에만 일차하고 case 절을 실행한 후에는 switch 문을 완전히 빠져나온다.
    • case 영역을 벗어나려면 break문을 사용하여야 하며 break 문이 없을 경우 다음 case 절을 실행한다
  • 만족하는 case 가 없는 경우 default 절을 실행한다.

 

 

 반복문 

  • 같은 동작을 여러 번 실행하기 위해 사용하는 문장이다.
  • 반복문을 사용하면 불필요하게 중복되느 ㄴ명령들을 늘어놓지 않아도 반복 실행할 수 있기 때문에 소스 코드가 간결해진다.

 while 문 

  • while 반복문은 조건이 참 인 동안 블록 내부의 명령들을 반복 실행한다.
  • 조건이 거짓 이라며 명령들은 한 번도 실행되지 않을 수 있다.

 

 do ~ while 문 

 

 

 

 for 문 

  • 자바스크립트에서 가장 많이 사용하는 반복문으로 반복 횟수가 정해진 경우에 주로 사용한다.
  • for 문은 변수 초기식부터 조건식 까지 증감식 크기만큼 증가 또는 감소를 시키면서 실행문을 반복하여 실행한다.

 

  1. 변수 초기식 : 몇 번 반복할 지 지정하기 위한 카운터 변수를 사용하는데 이 항목에서 카운터 변수를 선언하고 초기화한다. 초기값은 0 또는 1부터 시작한다.
  2. 조건식 : 명령들을 반복하기 위해 체크할 조건이다. 조건을 만족해야 for 블록안의 명령들을 반복할 수 있다.
  3. 증감식 : 명령들을 실행한 후 카운터 변수를 증가시키거나 감소시키는 부분이다. 보통 카운터 값을 하나 더 증가시키는 용도로 사용한다.

 

 

 break 이동문 

  • break는 특정 조건에 따라 반복문을 중간에 끝내기 위해 사용한다.

 

 

 continue 이동문 

  • continue는 특정 조건에 따라 반복문 내부에서 특정 코드를 실행하지 않고 반복문의 맨 앞으로 이동시켜 다음 반복을 계속 실행하도록 한다.

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

JavaScript ( 함수 정리2)  (0) 2024.07.18
JavaScript ( 함수 정리 )  (0) 2024.07.16
JavaScript ( 연산자 )  (0) 2024.07.15
JavaScript ( 변수 )  (0) 2024.07.15
JavaScript ( 자료형 )  (0) 2024.07.15