Javascript for 반복문 정리

맨날 쓰는데 for ~ in이냐 for ~ of냐로 맨날 헷갈려서 정리해보기로 했다

---

for 기본형

for (초기화; 조건; 반복후)

ex)
// counter
for (let i = 0; i < 10; i++)

// array
for (let i = 0; i < arr.length; i++)
  arr[i]
  
// object
const keys = Object.keys(obj)
for (let i = 0; i < keys.length; i++)
  obj[keys[i]]

---

for ~ in (enumable)

for (변수 in 콜렉션)

ex)
// list
for (const i in arr)
  i: 인덱스 (카운터)
  arr[i]
  
// object
for (const key in obj)
  obj[key]

---

for ~ of (iterable)

for (변수 of iterable)

ex)
// list
for (const element of arr)
  element: 배열의 값
  
// object -> [ key, value ] 배열로 만들기
for (const entry of Object.entries(obj))
  entry: [key, value]
  예를 들어 obj={a:4}라면, entry는 ['a', 4]