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 |