for/in 과 for/of 의 차이

for반복문

for(const el of [1,2,3]) {
console.log(el);

위와 동일한 코드
const arr=[1,2,3];
for(let i=0;i < arr.length; i++) {
const el =arr[i];
console.log(el);
}

• for/of : 배열의 값 순환. element
• for/in : 객체 순환. key cf)객체[프로퍼티] -> 값

var arr = ['사과','배','딸기'];

//for/in
for (const i in arr) {
console.log(i);
}  >>> 0,1,2

for (const j in arr) {
  console.log(arr[i]);
} >>> 사과, 배, 딸기



//for/of
for (const i of arr) {
console.log(i);
} >>> 사과, 배, 딸기

• for/in을 객체에서 사용했을 때에는, property를 순회한다.

var obj = { a:1, b:2, c:3};

for (const i in obj) {
  console.log(i)
} >>> a,b,c