for

for 문은 가장 기본적인 반복문이다. 특정 값에 변화를 주어가면서 우리가 정한 조건이 만족된다면 계속 반복한다.

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

for 문은 다음과 같이 사용한다.

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

for 문을 사용 할 때 보통 i++를 해서 1씩 증감 하는 형태로 사용하지만 1씩 빼는 형태도 가능하다.

---

배열과 for

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

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

---

while

while 문은 특정 조건이 참이라면 계속해서 반복하는 반복문이다. for 문은 특정 숫자를 가지고 숫자의 값을 비교하고, 증감해주면서 반복을 한다면, while 문은 조건을 확인만 하면서 반복은 한다. 때문에, 조건문 내부에서 변화를 직접 주어야 한다.

위에서 작성했던 0 부터 9 까지 콘솔에 출력을하는 반복문을 while 문으로 구현한것이다.

let i = 0;

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

while 문을 사용 할 때에는 조건문이 언젠간 false 가 되도록 신경써야한다. 만약에 언젠가 false로 전환이 되지 않는다면 반복문이 끝나지 않고 영원히 반복된다.

---

for...of

for...of 문은 배열에 관한 반복문을 돌리기 위해서 만들어진 반복문이다.

사실 이 구문은 배워놔도 사용 할 일이 별로 없다. 보통 배열을 반복 할 때 에는 배열의 내장함수를 많이 사용한다.

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

---

객체를 위한 반복문 for...in

객체를 위한 반복문을 알아보기 전에, 객체의 정보를 배열 형태로 받아올 수 있는 함수 몇가지를 알아보자.

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

console.log(Object.entries(doggy));
console.log(Object.keys(doggy));
console.log(Object.values(doggy));

각 함수의 역할은 다음과 같다.

• object.entries: [[키, 값], [키, 값]] 형태의 배열로 변환

• Object.keys: [키, 키, 키] 형태의 배열로 변환

• Object.values: [값, 값, 값] 형태의 배열로 변환

객체가 지니고 있는 값에 대하여 반복을 하고 싶다면 위 함수들을 사용하여도 되고, for...in 구문을 사용하여도 된다.

---

break 와 continue

반복문 안에서는 break 와 continue 를 통하여 반복문에서 벗어나거나, 그 다음 루프를 돌게끔 할 수 있다.

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

i 가 2 일땐 continue 를 하여 원래 console.log 를 해야하 하지만 그 코드를 수행하지 않고 바로 3 으로 넘어간다.

i 가 5 일땐 break 를 하여 반복문을 종료시킨다.