for in & for of

1. forEach

배열 객체에서만 가능한 메서드. 각 인덱스의 값에 차례대로 접근할 수 있다.

 

2. for ... in

인덱스를 가져온다.

 

3. for .... of

인덱스에 있는 속성 값을 가져온다.

 

➡ 예시

let user_array = ['홍길동', '김삿갓', '변사또'];
let user_object = {'a':'1234','b':'5678','c':'91011'};

/* array */
user_array.forEach((i) => console.log(i); );
// 홍길동
// 김삿갓
// 변사또
for (let i of user_array) console.log(i);
// 0
// 1
// 2
for (let i in user_array) console.log(i);
// 홍길동
// 김삿갓
// 변사또

/* object */
for (let i of user_object) console.log(i);
// 0
// 1
// 2
for (let i in user_object) console.log(i);
// 'a':'1234'
// 'b':'5678'
// 'c':'91011'

 

 

 

 

 

---

참고 자료

자바스크립트 for in vs for of 반복문 정리

for...of - JavaScript | MDN

javascript의 for in과 for of