Javascript 반복문 for문

<Today's Goals>

• 조건문 for 문 이해하기

<What i learned>

•  

<Questions>

• 아직  for /in 과 for/ of는 완벽히 이해를 못했다.

---

반복문(iteration statements)

반복문이란 프로그램 내에서 똑같은 명령을 일정 횟수만큼 반복하여 수행하도록 제어하는 실행문입니다.

프로그램이 처리하는 대부분의 코드는 반복적인 형태가 많으므로, 가장 많이 사용되는 실행문 중 하나입니다.

for문이란?

for 문은 초기식, 표현식, 증감식을 모두 포함하고 있다.

while 문을 보다 더 간결하게 표현할 수 있다.

주로 반복 횟수가 정해진 경우에 사용된다.

• 게시판 목록, 공지사항 목록 출력할 때
• 메뉴를 만들고 메뉴 항목을 출력할 때
• 갤러리를 만들고 이미지를 출력할 때

 

1. 단일 for 문

for(초기식; 조건식; 증감식){
	조건식의 결과가 참인 동안 반복할 실행문;
}

단일 for문 실행 과정

1.     초기값 부분 실행 (var i=0;)

2.     조건식 부분 실행 (i<10;)

3.     실행구문 실행

4.     증감 부분 실행 (i++) (후위라서 실행구문 실행 후 실행됨 전위일 경우는 실행구문 실행 전에 증감 부분 실행)

5.     조건식 부분 실행 증감 부분 실행 후 조건식 다시 실행

6.     실행구문 실행

7.     루프 탈출 조건식이 거짓이 되면 탈출

 

•  for 문에서 실행될 실행문이 한 줄 뿐인 경우는 중괄호{}를 생략할 수 있다.
• 조건식이 없을 경우 무한루프에 빠질 수 있다.
• 조건식이 없을 경우 함수 내부에서 조건문을 사용해 종료시킬 수 있다.

 

 

2.  다중 for 문

되도록이면 사용을 지양 (시간복잡도 for문의 중첩 횟수 만큼 제곱으로 증가)

가능하면 재귀함수, map, forEach문 등을 활용하여 중첩을 피한다.

for(초기식; 조건식; 증감식){
       for(초기식; 조건식; 증감식){
       조건식의 결과가 참인 동안 반복할 실행문;
   }
}

 

 

3.  for  / in 문

객체에 주로 사용

해당 객체의 모든 열거할 수 있는 property를 순회할 수 있도록 한다.

루프마다 객체의 열거할 수 있는 property의 이름을 지정된 변수에 대입한다.

대입받은 변수를 이용하면 루프 안에서 객체의 열거할 수 있는 property에 순차적으로 접근할 수 있다.

객체가 가진 모든 property를 반환하는 것이 아닌, 오직 열거할 수 있는 property만을 반환한다.

"enumerable: true"인 것만 출력한다. 

객체의 prototype도 반복문으로 출력된다.

for (변수 in 객체) {
   객체의 모든 열거할 수 있는 프로퍼티의 개수만큼 반복적으로 실행하고자 하는 실행문;
}

 

 

4.  for  / of 문

for / of 문은 반복할 수 있는 객체를 순회할 수 있도록 해주는 반복문이다.

 

자바스크립트에서 반복할 수 있는 객체에는 Array, Map, Set, arguments 객체 등이 있다.

이 반복문은 루프마다 객체의 열거할 수 있는 프로퍼티의 값을 지정된 변수에 대입한다.

for (변수 of 객체) {
    객체의 모든 열거할 수 있는 프로퍼티의 개수만큼 반복적으로 실행하고자 하는 실행문;
}