[JS] forEach(), map(), filter(), find()

김풀연·2021년 12월 2일
0

TIL

목록 보기
28/32

🏁 Array.forEach() 메서드

  • map() 메서드와 비슷하게, 배열 내의 모든 요소 각각에 대하여 주어진 함수(콜백)에 대하여 실행한다.
  • return 값이 없다.
  • 기존의 배열을 변경하지 않는다. 단, 메서드가 변경할 수는 있다.

💫 Array.map() 메서드

  • map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수(콜백)를 호출(실행)하고, 새로운 배열을 반환한다.
  • 리턴값이 있다.
  • 기존의 배열은 변경하지 않는다.

❓ map() 과 forEach()

  • map()과 forEach()는 배열의 모든 요소에 대하여 콜백을 호출한다는 점에서 같지만
  • map()은 새로운 배열을 반환하고
  • forEach()는 return이 없다. (가질 수 없다)

return을 적어주더라도 forEach()는 retunr값을 내놓지 못한다.

🥅 Array.filter()

  • filter() 메서드는 주어진 함수의 테스트(조건)를 통과하는(true인) 모든 요소를 모아 새로운 배열반환한다.
  • 모든 요소를 찾기 때문에, 배열을 끝까지 본다.

🔍 Array.find()

  • find() 메서드는 주어진 판별 함수를 만족하는 첫 번째 요소의 값을 반환한다. 그런 요소가 없다면 undefined를 반환한다.
  • 첫 번째 요소의 값만을 반환하기 때문에, 찾으면 멈춘다.
  • 고유한 값을 찾을 때는 find()를 사용하는 것이 효율적이다.
profile
<strong>가보자고🚀</strong>

0개의 댓글