본문 바로가기

Language/Javascript

forEach와 for...in, for ...of

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

 

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

 

 

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

 

 

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

key를 멤버로 가진 obj 2 생성
임시 변수 key 보다 obj2.key 멤버를 선택한다.

 

 

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