JUST GO

[공통] 반복문 본문

JavaScript/학습내용

[공통] 반복문

root_go 2022. 10. 4. 16:36

반목문

  • 반복문은 어떠한 특정 구문(들)을 정해진 횟수나 특정 배열의 길이만큼 반복하고자할 때 사용한다.

1. for 반복문 - for 반복문은 정수인 변수(이름은 주로 i)에 대해 그 값이 특정한 값 이상/이하/초과/미만일 때 그 값을 증가/감 하며 어떠한 횟수만큼 반복하고자 할 때 사용한다. - 아래 문법에서 초기화 부분에 반복에 사용할 정수인 변수를 선언한다. - 아래 문법에서 조건부분에 위 초기화 에서 선언한 변수에 대해 그 조건이 참일 때 구현부를 반복할 조건을 명시한다. - 아래 문법에서 증감부분에 위 초기화 에서 선언한 변수를 증/가감할 표현식을 작성한다. - for 반복문 실행 최초에 초기화를 1회 하며, 우선 조건을 확인한 뒤, 이가 참이면, 구현부를 실행하고, 증감한다. 그 후 조건을 다시 확인하고 그 뒤 절차를 반복한다. 조건확인 결과 거짓이면, for 반복문을 빠져나간다.

for(초기화; 조건; 증감) {
   // 반복할 구현부
}
 

- 아래 예제는 반복에 사용할 변수 i 에 대해 0 부터 4 까지 반복하는 예제

for(let i = 0; i < 5; i++) {
  console.log(i);
}
// 0
// 1
// 2
// 3
// 4 
 

- 아래 예제는 어떠한 특정 길이를 가지는 배열을 반복하는 예제이다.

const days = ['월', '화', '수', '목', '금', '토', '일'];
for(let i = 0; i < days.length; i++) {
   console.log(days[i] + '요일');
}
// 월요일
// 화요일
// 수요일
// 목요일
// 금요일
// 토요일
// 일요일
 

- 100부터 0까지 역순으로 짝수를 반복하는 예제.

for(let i=100; i>=0; i -= 2){
    console.log(i);
}
 
for(let i=50; i>=0; i--){
    console.log(i * 2);
}

2. for … in 반복문

  • for … in 반복문은 반복하고자 하는 대상이되는 오브젝트( object )의 키( key )를 반복하고자 할 때 사용한다.
  • 배열에 사용할 경우 배열이 가지는 각 원소의 인덱스 번호에 대해 반복한다.
for(원소선언 in 반복대상) {
   // 반복할 구현부
}
 
const weekdays = ['월', '화', '수', '목', '금'];
for(let weekday in weekdays) {
  console.log(weekday);
}
// 0
// 1
// 2
// 3
// 4

3. for … of 반복문

  • 반복하고자 하는 대상이 되는 배열( Array )의 원소를 반복하고자 할 때 사용한다.
for(원소선언 of 반복대상) {
   // 반복할 구현부
}
 
const weekdays = ['월', '화', '수', '목', '금'];
for(let weekday of weekdays) {
  console.log(weekday);
}
// 월
// 화
// 수
// 목
// 금

4. while 반복문 (잘 사용하지 않음)

  • 횟수와 관계 없이 특정 조건이 참인 경우 무한히 반복하고자 할 때 사용한다.
  • 잘못 작성시, 웹 사이트나 프로그램이 응답 없음 상태가 되는 경우가 잦음으로 사용에 유의한다.
  • 아래 예에서, 조건 이 참일 때 반복할 구현부를 횟수 제한 없이 실행한다.
  • 단, 조건이 애초에 거짓인 경우 반복할 구현부는 단 한번도 실행되지 않는다. 이는 구현부 실행 전에 조건을 확인하기 때문이다.
while(조건) {
   // 반복할 구현부
}

5. do … while 반복문

  • 횟수와 관계 없이 특정 조건이 참인 경우 무한히 반복하고자 할 때 사용한다.
  • 잘못 작성시, 웹 사이트나 프로그램이 응답 없음 상태가 되는 경우가 잦음으로 사용에 유의한다.
  • 아래 예에서, 조건 이 참일 때 반복할 구현부를 횟수 제한 없이 실행한다.
  • while 반복문과 달리, 구현부 실행 후에 조건을 확인함으로 조건과 관계 없이 최초 1회는 반드시 구현부가 실행된다.
do {
  // 반복할 구현부
} while (조건);

6. 공통 키워드

i. break

  • 현재 실행 중인 반복문의 실행을 중단한다.
for(let i=0; i < 10; i++){
   console.log(i);
   if (i % 2 > 0) {
     break;
   }
}
console.log('for문 종료됨.');

// 0
// 1
// 'for문 종료됨.'
 

ii. continue

  • 현재의 반복을 중단하고 다음 반복으로 진행한다.
for(let i=0; i < 10; i++){
   if (i % 2 > 0) {
     continue;
   }
   console.log(i);
}
console.log('for문 종료됨.');

// 0
// 2
// 4
// 6
// 8
// 'for문 종료됨.'
 

 

 

'JavaScript > 학습내용' 카테고리의 다른 글

[공통] 연산자  (1) 2022.10.04
[공통] 오브젝트  (1) 2022.10.04
[공통] 배열  (1) 2022.10.04
[공통] 이벤트  (1) 2022.10.04
[공통] 멤버(Member)  (1) 2022.10.04