[JavaScript] for문의 여러 형태

 

 

forEach, for(;;) 루프 말고도 다른 형태가 또 있었다.

깨달음 추가) 이미 in을 사용하고 있었다. 나는 바보🥺

 

---

 

◽ for-in

const tempArr = [1, 2, 3, 4, 5]
for (const item in tempArr) {
  console.log(item)
}

 

◽ for-of

const tempArr = [1, 2, 3, 4, 5]
for (const item of tempArr) {
  console.log(item)
}

 

 

◽ for-in VS for-of

인덱스에 신경쓰지 않는다면 of를 사용하는 것이 더 좋다고 한다.

for-in 루프는 대부분의 브라우저와 자바스크립트 엔진에서 for-of나 for(;;) 루프보다 몇 배나 느리다.

 

- for-in: 열거 가능한 프로퍼티가 대상 (enumerable이 true인 대상)

- for-of: 이터러블 오브젝트가 대상, 오브젝트는 전개되지 않는다.

* Object를 for-of로 전개하는 방법은 Object.keys()로 프로퍼티 이름을 배열로 만들어야 한다.

 

 

 

---

 

 

출처

댄 밴터캄, 이펙티브 타입스크립트 (프로그래밍 인사이트, 2021)

 

 

 

---

개인적으로 공부한 내용을 정리하는 블로그로
잘못된 개념을 게시하지않도록 주의하고 있으나 오류가 있을 수 있습니다.