Front-End/자바스크립트

[자바스크립트(Java Script)] 리스트 출력 map, forEach 예제

shoney9254 2021. 8. 3. 21:59
반응형

1. For문을 통해 리스트 값 가져오기

우리는 객체리스트를 가져올때 단순 for문을 통해서 아래와 같이 가저온다. 

▼로그 결과

map과 foreach문을 사용해서 리스트의 값을 가져올 수 있다. 

 

2. foreach 사용 예제

▼로그 결과

 

3. map 사용 예제

map은 foreach 문과 다르게 return 값을 가지고 있다.

return 값을 통해서 새로운 result 리스트를 생성하는 것을 아래에서 확인해보자.

▼로그 결과

result를 출력했을때, 객체의 name 만 들어있는 리스트가 있다는 것을 확인 할 수 있다.

foreach문은 return 값이 없지만, map은 return값이 필요할때 유용하게 사용 할 수 있다. 

반응형