<aside> 🔐 for 문이 있는데 for ... in for...of 문법이 새로 나온 이유는 무엇일까요? 우리가 이것을 고르는 기준은 무엇일까요?
</aside>
for…of 구문은 반복가능한 객체요소를 하나씩 반복할 수 있게 해준다.
ex) const fruits = [ ‘사과’, ‘배’, ‘수박’]
for( const fruit of fruits) { console.log(fruit)}
//print : ‘사과’
‘배’
‘수박’
for..in 구문은 for..of 구문과 유사하지만 요소가 아닌 요소의 key가 전달이 된다.
ex) const fruits = [ ‘사과’, ‘배’, ‘수박’]
for( const fruit of fruits) { console.log(fruit)}
//print : ‘1’
‘2’
‘3’
결론은 for..of는 배열의 반복에서 사용하고, for…in은 객체의 반복에서 사용한다.