[JAVASCRIPT] for~in vs for~of

for~in

• 두 표현 들은 iterate 객체에 사용 할 수 있다.
• 일반 객체도 순회가 가능하다.

const list = [1,2,3];
const obj = { name: "동준", age: 27};

for (let v in list){
    console.log(v); // 0, 1, 2
    console.log(list[v]) // 1, 2, 3
}

for (let v in obj) {
	console.log(v); // age, name
    console.log(obj[v]) // "동준", 27
}

for~of

• arrays, strings, maps, sets 과 같은 iterate 객체에 사용할 수 있다.
• 일반적인 object 형태는 사용 불가

const list = [1,2,3];
const obj = { name: "동준", age: 27};

for (let v of list) {
	console.log(v); // 1, 2, 3
	console.log(list[v]); // 2, 3 , undefined
}

// Type error , object not iterable
for (let v of obj){
    console.log(v);
}

 

---

There might be incorrect information or outdated content.