반응형
1. For문을 통해 리스트 값 가져오기
우리는 객체리스트를 가져올때 단순 for문을 통해서 아래와 같이 가저온다.
▼로그 결과
map과 foreach문을 사용해서 리스트의 값을 가져올 수 있다.
2. foreach 사용 예제
▼로그 결과
3. map 사용 예제
map은 foreach 문과 다르게 return 값을 가지고 있다.
return 값을 통해서 새로운 result 리스트를 생성하는 것을 아래에서 확인해보자.
▼로그 결과
result를 출력했을때, 객체의 name 만 들어있는 리스트가 있다는 것을 확인 할 수 있다.
foreach문은 return 값이 없지만, map은 return값이 필요할때 유용하게 사용 할 수 있다.
반응형
'Front-End > 자바스크립트' 카테고리의 다른 글
[자바스크립트] 타입 종류의 특징 및 예제(Primitive Data Type) (0) | 2022.06.12 |
---|---|
[자바스크립트] let, var, const 비교 (0) | 2022.06.12 |
[자바스크립트(Java Script)] 문자열 Template Literal (0) | 2021.08.03 |
JSON - 자바스크립트의 객체와 비교 (0) | 2021.08.03 |
[자바스크립트(Java Script)] 비동기 간단 예제 (0) | 2021.08.02 |