반복문

for ... of

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

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

 

for ... in

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

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

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

 

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

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

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

 

forEach

: 배열 내장 함수

아래 for문과 forEach문은 동일한 결과

const superheroes = ['아이언맨', '캡틴 아메리카', '토르', '닥터 스트레인지'];

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

superheroes.forEach(hero => {
  console.log(hero);
});