Javascript 반복문 (공부_10)

for loop

• 정해진 숫자만큼 반복하려 할 때 사용

for문

• for (초기화, 조건식, 표현식)으로 구성되어 있음

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

1. 초기화 : let i = 0
2. 조건식 : i < 5
3. console.log 명령문 수행
4. 표현식 : i++
5. 다시 2번 반복 수행하다가 조건식 i < 5가 거짓이면 for문 종료

for ... in

• 객체(object)에 있는 키 항목들을 반복적으로 반환
• ES6에서 추가된 문법

let person = {
  name: '홍길동',
  age: 23,
  job: '개발자',
};
for (let key in person) {
  console.log(person[key]);
}
// 홍길동
// 23
// 개발자

 

for ... of

• 반복 가능한 배열과 같은 객체에서 반복해서 값을 하나씩 반환
• ES6에서 추가된 문법

let fruits = ['사과', '배', '바나나', '포도', '딸기'];
for (let fruit of fruits) {
  console.log(fruit);
}
// 사과
// 배
// 바나나
// 포도
// 딸기

 

 

 

while문

• 조건문이 참(true)일 때 실행
• 안에 있는 명령문이 실행되기 전에 조건이 참인지 거짓인지 판단

let count = 0;
while (count < 5) {
  console.log(count);
  count++;
}

 

do ... while

• 조건문이 참(true)일 때 실행
• 최초 한번은 무조건 실행됨

let number = 0;
do {
  console.log(number);
  number++;
} while (number < 5);

 

 

 

continue

• 특정 조건을 만족한 경우 다음 반복으로 이동

let text = '';
for (let i = 0; i < 10; i++) {
  if (i == 3) {
    continue;
  }
  text = text + i;
}
console.log(text);
// 012456789

 

 

 

break

• 현재 진행하고 있는 제어문의 흐름을 종료

let text = '';
for (let i = 0; i < 10; i++) {
  if (i == 3) {
    break;
  }
  text = text + i;
}
console.log(text);
// 012

 

 

 

정리

• 반복문에는 크게 for loop, while, do...while이 있음
• ES6부터 for in, for of 문법이 추가됨
• continue, break를 이용해 반복을 빠져나올지 종료시킬지 정할 수 있음