For ...of문

• 주로 배열을 다룰때 사용한다.
• 배열의 길이만큼 반복을 하고 반복이 될 때마다 배열의 요소가 변수에 하나씩 할당이 된다.

const arr = [1, 2, 3]
for (const element of arr) console.log(element)

// 1
// 2
// 3

• string에서도 사용 가능하다.

const str = 'foo'
for (const value of str) console.log(value)

// f
// o
// o

• 유사 배열인 NodeList에서도 사용 가능하다.

For ...in문

• 주로 객체를 다룰때 사용한다.
• 객체의 길이만큼 반복 하고 반복이 될 때마다 객체의 속성명이 변수에 하나씩 할당된다.

const obj = {
	nickname: "cloudcoke",
	like: "money"
}
for (const property in obj) console.log(property)

// nickname
// like

• 인덱스 순서가 중요한 배열에서는 for ...of문을 권장한다.