자바스크립트 제어문 반복문

자바스크립트에서 사용하는 제어문 if else, switch, break, continue, for in, return, new, this, with 그리고 반복문 do while, for 등의 정보를 제공합니다. 일반적으로 프로그래밍 언어를 배우다 보면 보이는 반복문의 구조와 비슷한 구조를 보이고 있는 것을 확인해볼 수 있겠습니다. 

 

 

 

자바스크립트 제어문 반복문

우리가 글을 읽을 때 좌측부터 우측으로 위에서 아래로 읽어나가듯 프로그램에서도 순서가 있습니다. 그런데 프로그램은 무조건 위에서 아래로 읽어나가지는 않습니다. 그 이유는 일부 반복이 필요한 경우, 또는 제어가 필요한 경우 분주하게 왔다 갔다 할 수도 있기 때문입니다. 그럴 때 이용되는 것이 제어문과 반복문이라고 볼 수 있습니다. 자바스크립트 외에 다른 언어들도 제어를 하는 경우, 반복을 통한 순환 과정 등을 이용하는 경우가 많습니다. 아마 다른 언어들도 조금 공부를 해보셨다면 비슷해서 쉽게 받아들이실 것 같습니다. 자바스크립트에서 사용하는 제어문과 반복문들을 살펴보겠습니다. 

 

자바스크립트의 제어문 

먼저 자바스크립트에서 일반적인 제어문은 if else문, switch문, break문, continue문 등이 있습니다. 각 제어문 별 일부 다른 특징들이 있습니다. 대부분의 프로그래밍 언어와 비슷하게 기본적인 틀과 내포하는 의미가 동일함을 느낄 수 있습니다. 

 

 

 

if else 문

if else문의 경우 논리 조건에 따라 다른 조건을 수행하도록 하고 있습니다. 일반적으로 if조건이 먼저 등장하고 그 값이 참인지, 거짓인지 구별합니다. 이후 참일 경우 if조건으로 진행되고, if조건이 거짓일 경우 else로 진행하게 됩니다.

 

그런데 if 이후 else가 올 수도 있지만,  if 이후 else if 등으로 반복시킬 수도 있습니다. 또는 if를 사용 후 또 if를 이용할 수도 있습니다. if ~ if ~ else 등 다양하게 활용해볼 수도 있습니다. 

if( 조건 ) {
  ~~~~~~~~~~~
  }
else if ( 조건 ) {
  ~~~~~~~~~~~
  }
else if ( 조건 ) { 
  ~~~~~~~~~~~
  }
........ else if 반복
else { 
  ~~~~~~~~~~~
  }

보통 다양하게 중첩시키는 경우는 원하는 조건의 값이 적어 최적의 조건을 만족하는 것을 찾기 위해 사용되기도 합니다. 값을 입력받아서 그 값에 따라 보여줄 수 있는 케이스별 나누어둘 수 있습니다. 

 

switch 문

여러 조건 중에서 만족하는 하나의 조건을 실행합니다. switch 이후 case로 조건을 나누게 되며 이에 맞는 조건을 찾아서 값을 보여주게 됩니다. 각 케이스에 해당하는 조건과 출력 값을 작성했다면 뒤에 break를 붙여주어 다음으로 진행될 수 있도록 제어해줄 수 있습니다. 

 

break 문 continue 문

위의 switch등에서도 사용할 수 있는데, 보통 for과 같이 반복되는 구문에서 반복을 중지하고 다음 진행과정으로 넘어갈 때 사용됩니다. 주로 예외의 상황을 대비해서 break를 이용하기도 합니다. 반대로 continue는 뜻 그대로 반복 구절을 중단시키지 않고 다시 반복을 시킬 때 사용하게 됩니다. 구구단 등의 수식을 계산할 때 숫자까지 진행되고 break 이후 다시 처음부터 continue로 시작시킬 때 둘을 혼합해서 사용할 수 있습니다. 사실 for문을 통해서 쉽게 구현이 가능한데 반복문끼리도 다양하게 활용해볼 수 있습니다. 반복을 통해 어떤 것이 더 효과적인지 생각해볼 수도 있고, 여러 가지 방법을 생각해볼 수 있겠습니다.

 

객체와 함수 제어를 위한 제어문

for in과 this, new, with, return 등이 있습니다. 기본적으로 for문이 반복하는 특징으로 예측해볼 때, for in은 객체의 속성이 몇 개인지 조회할 때 사용할 수 있습니다. 특정한 객체의 모든 속성을 순서대로 조회할 수 있고, 순서에 따라 반복해서 접근이 용이합니다. return 문의 경우 함수와 같이 결과 값을 호출한 프로그램에게 돌려주는 제어문입니다. new문은 이미 정의되어 있는 객체의 사본을 생성시켜주는 제어문입니다. this 문은 프로그램에서 정의되어 있는 객체 중에서 객체 자신을 참조하기 위한 제어문이라고 볼 수 있습니다. 마지막으로 with문은 프로그램 내에서 정의되어있는 객체 중 특정 객체를 참조하기 위한 제어문이라고 볼 수 있습니다.

 

자바스크립트 반복문

자바스크립트의 반복문도 다른 언어와 비슷함을 볼 수 있습니다. for문, do while, while 등이 있습니다. 원하는 값을 찾을 때까지 반복시켜서 처리하게 됩니다. for문은 조건식을 통해 그 값이 참일 경우 해당하는 문장을 반복해서 수행하게 됩니다. for과 for로 중첩도 가능합니다. 행렬과 비슷하게 활용해볼 수도 있습니다. for(초기값; 조건; 증감식;)의 구조를 반복해주게 됩니다. 

 

이후 while과 do while가 있습니다. while문은 주어진 조건을 통해 그 조건식이 참일 경우 그 문장을 반복적으로 수행하게 됩니다. 거짓일 경우 멈추게 되는 break가 일부 구성되어 있다고 볼 수 있습니다. 반면 do while은 무조건 1번은 실행하게 되어있습니다. 첫 번째는 무조건 실행한 후 거짓이면 멈추게 됩니다. 값이 참일 경우 while처럼 계속해서 반복 구절을 실행합니다. 

 

다양한 반복과 제어를 통해 보다 간결하게 구현이 가능한 부분들도 있어 효율적으로 활용할 수 있겠습니다. 이상 자바스크립트의 제어문 반복문의 종류와 내용들 살펴보았습니다. 

 

 

 

자바스크립트의 함수와 객체

자바스크립트의 함수와 객체