[TIL]210309

for ...in 반복문

for in 반복문은 객체의 속성들을 반복하여 작업을 수행할 수 있습니다.
for in 구문은 객체의 key 값에 접근할 수 있지만, value 값에 접근하는 방법은 제공하지 않습니다.

const object = { a: 1, b: 2, c: 3 };

for (const property in object) {
  console.log(`${property}: ${object[property]}`);
}
// output:
// 'a: 1'
// 'b: 2'
// 'c: 3'

for ...of 반복문

for of 반복문은 배열 순환할 떄 사용할 수 있습니다.
또한 자바스크립트에서는 배열도 객체이기 때문에 그 객체의 키값에 해당하는게 나옵니다.

const array1 = ['a', 'b', 'c'];

for (const element of array1) {
  console.log(element);
}
// output
// 'a'
// 'b'
// 'c'