map()
map()은 배열 내 모든 요소에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환한다.
식은 다음과 같다.
Array.map((el) => ())
간단히 예를 들어보자.
classmates라는 배열에 "철수", "영희", "훈이"를 각각 넣었다. 이후 map()을 사용하여 배열의 요소들(el)을 순회할때마다 (요소(el) + "어린이")를 실행하여 ["철수어린이", "영희어린이", "훈이어린이"]라는 결과를 얻을 수 있다.
classmates2라는 배열에 객체들을 넣어서 활용해 보았다. 요소가 주어질 때마다 객체를 만들어 "name"이라는 키의 값으로 요소(el)의 name을 넣고, school: "다람쥐초등학교"를 넣어 실행하게 되면 다음과 같은 결과가 나오게 된다.
이를 HTML에 연결하여 코드를 간결화 할 수 있다.
filter()
주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환하는 것이다. 즉, 조건을 주어주고 주어진 조건을 충족하는 값만 반환하는 것이다.
위의 예시를 통해 알아보자.
filter 안의 괄호는 요소가 주어질때마다 요소의 age라는 키의 값이 11이상일 경우에만 결과를 반환한다. 따라서 값이 영희와 훈이만 나오는 것을 볼 수 있다.
실무에서는 for문보다 map(), filter()를 많이 쓴다고 하니 익숙해져보자.
every()
배열 안의 모든 요소가 주어진 판별 함수를 통과하는지 확인하고 Boolean(true / false)값을 반환한다. 즉, 조건을 주어주고 주어진 조건을 충족하면 true 혹은 false를 반환한다.
빈 배열에서 호출하면 무조건 true를 반환한다.
