forEach는 callback 함수를 이용해 배열 안의 모든 요소에 접근할 때 사용한다.

for...in은 key를 사용해 오브젝트 안의 멤버에 접근할 때 사용한다.

key는 멤버의 key에 대한 임시 변수이므로 dot notaion으로 멤버에 접근할 수 없다.

dot notaiton은 key 이름으로 직접 object member를 참조하기 때문이다.


for ...of는 iterable object(배열)의 원소에 key 없이 직접 접근할 때 사용된다.

for...in에서 num은 배열의 index를 나타내므로 sum에 string 덧셈이 발생해 00123을 출력한다.


반면 forEach와 for...in은 배열의 원소에 직접 접근하므로 예상한 답 10이 출력된다.
for ...in은 key로 object에 접근,
forEach와 for ...of은 element에 접근,
for ...of는 iterable object(배열)에 사용
'Language > Javascript' 카테고리의 다른 글
| this 사용법 (0) | 2024.01.26 |
|---|---|
| append, appenChild와 remove, removeChild (0) | 2024.01.26 |
| isNaN과 Number.isNaN (0) | 2024.01.23 |
| String과 toString (0) | 2024.01.23 |
| Number와 parseInt (0) | 2024.01.22 |