for, for in, forEach, for of

ES6 전에 자주 사용된는 반복문

• for
• for in
• forEach

---

for in

: 배열이 아닌 객체 순환 용도 (이유는 속도 때문, 순서 보장X)

---

forEach

• 기본적으로 배열만 활용 가능
• break, continue 사용 못 함

---

for of

• ES6부터 새롭게 지원
• iterable protocol을 준수하는 객체만 사용 가능
• 반복 가능한 객체(배열, NodeList, arguments, string, map, set)
• 주의할 점
  : 유사 배열은 반복 가능한 객체(Iterator)가 아니다.(즉, 유사 배열 객체는 for of 사용 못 함)

📍참고) https://velog.io/@thdgusrbek/Iteration-protocals

// ex) 유사 배열 객체
let fake_obj = {
   length: 3,
   0: 'apple',
   1: 'banana',
   2: 'cherry',
}

for (let x of fake_obj) {
   console.log(x);
}
/*
(출력)
TypeError: fake_obj is not iterable
*/

// ex) 진짜 배열 객체
let newJeans = ['민지', '하니', '다니엘', '해린', '혜인'];

for (let [index, item] of newJeans.entries()) {
   console.log(`index = ${index}\nitem = ${item}\n`);
}
/*
(출력)
index = 0
item = 민지

index = 1
item = 하니

index = 2
item = 다니엘

index = 3
item = 해린

index = 4
item = 혜인
*/