자바스크립트 반복문 정리 (for of, for in, Object.entries,keys,values)

for of 

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

자바의 향상된 for문과 비슷하다 하지만 for of로 배열을 출력하는것 보다는 

배열 내장함수인 forEach를 활용한다.

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

 

for in 함수

객체의 key값과 value값을 구분해서 받기 위한 code

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

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

 

 

Object.entries : 배열을 [[키, 값], [키, 값]] 등의 형태의 배열로 변환한다.

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

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

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

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