Modern JavaScript #7 반복문

반복문

: 특정 작업을 반복적으로 할 때 사용할 수 있는 구문

for

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

for (let i=0 ; i < 10 ; i++) {
	console.log(i);
}
// 0부터 9까지

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

배열과 for

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

for (let i=0; i<names.length; i++) {
  console.log(names[i]);
}
//멍멍이
//야옹이
//멍뭉이

names 배열 안에 있는 원소들을 하나하나 나열할 수 있다.

while

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

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

while 문을 사용할 때는 조건문이 언젠가 false가 되도록 신경써야 한다.
그렇지 않는다면 반복문이 끝나지 않고 영원히 반복될 것이다.

for ... of

: 배열에 관한 반복문을 돌리기 위해서 만들어진 반복문

let numbers = [10, 20, 30, 40, 50];

for(let num of numbers) {
  console.log(num);
}

객체를 위한 반복문 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 구문을 사용해도 된다.

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

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

break 와 continue

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

for (let i = 0; i<10; i++){
  if(i === 2) continue;
  console.log(i);
  if (i === 5) break;
}