JavaScript- 반복문

※ 강의를 듣고 제가 이해한 것을 바탕으로 정리한 것이라서 오류가 있을 수 있습니다.

 

 

1. for문

for문은 가장 기본적인 반복문이다.

특정 값에 변화를 주어가면서 정한 조건이 만족한다면 계속 반복한다.

for (let i = 0; i < 10; i++) {
  console.log(i);
}

/* for (초기 구문; 조건 구문; 변화 구문;) {
  코드
} */

위 코드는 i의 초기값이 0이고 조건이 10미만일때까지 반복하는 것이고 i를 1씩 증가 하도록 되어 있으니

한번씩 출력 할때마다 i의 값이 1씩 증가되서 출력 되고 즉 0~9까지 출력 된다.

 

실행 결과

 

const names = ['멍멍이', '야옹이', '멍뭉이'];

for (let i = 0; i < names.length; i++) {
  console.log(names[i]);
}

이렇게 반복문과 배열을 함께 활용도 할 수 있다.

 

실행 결과

 

 

2. while문

while문은 특정 조건이 참이라면 반복하는 반복문이다.

while문은 조건만 확인하면서 반복하기 때문에 조건문 내부에서 변화를 직접 주어야 한다.

while문을 사용할때 주의 할점은 조건이 언젠가는 false가 되도록 해주어야한다 왜냐하면

언젠가 false가 되지 않는다면 영원히 반복하기 때문이다.

 

let i = 0;
while (i < 10) {
  console.log(i);
  i++;
}

 

실행 결과

 

 

3. for....of

for....of문은 배열을 반복하기 위해 만들어진 반복문이다.

let numbers = [10, 20, 30, 40, 50];
for (let number of numbers) {
  console.log(number);
}

(let number of numbers) 부분에서 변수 numbers에 있는 배열 값들이 하나씩 number로 전달 되면서

반복된다.

 

실행 결과

 

 

4. for.....in

for....in문은 객체를 위한 반복문이다.

 

const doggy = {
  name: '멍멍이',
  sound: '멍멍',
  age: 2
};

for (let key in doggy) {
  console.log(`${key}: ${doggy[key]}`);
}

 

실행 결과

 

 

5. break와 continue

break는 반복문에서 벗어날때 사용하는 문법이고 continue는  그 다음 루프를 돌때 사용한다.

 

for (let i = 0; i < 10; i++) {
  if (i === 2) continue; // 다음 루프를 실행
  console.log(i);
  if (i === 5) break; // 반복문을 끝내기
}

위 코드에서는 2가되면 continue를 사용하여 다음 루프를 실행 하기 때문에 2를 생략 하고 3이 출력 되고

5가 되면 break를 사용하여 반복문이 끝나게 된다.

 

실행 결과