취업을 위해 공부하는 만큼 실무에서 쓰이는 기술은 절대적으로 필요하다.
그동안에는 배열을 반복하여 원하는 값을 얻고자 할 때,
기본적인 for 반복문이나 while 반복문을 사용하였는데 실무에서는 map과 filter를 더 많이 사용한다고 한다.
map()과 filter()는 형태가 거의 동일하여 공통점도 있지만 차이점이 분명하다.
원본 배열을 건드리지않고,
그 배열을 순회한 후 새로운 배열을 만들어준다는 공통점이 있지만 !!
filter()는 배열을 하나하나 돌면서 조건을 만족하는 요소들을 새로운 배열에 넣어주고,
map()은 배열 안에 있는 각각의 원소를 하나하나 불러 함수를 적용시키고 그 결과 값을 모아주는 새로운 배열을 만들어준다.
// map() 과 filter() 사용 예시 //
배열의 메서드인 map()과 filter()를 말로 설명했을 때는 이해가 어려울 수 있지만, 막상 위의 이미지를 보면 이해가 잘 될 것이다.
filter()와 map()을 함께 사용하여 원하는 배열을 불러낼 수도 있다.
위의 작성된 코드를 보면
classmates라는 3명의 학생이 포함된 배열을 선언하였다.
그리고 먼저 filter()를 사용하여 class가 '프론트앤드'인 두 객체를 가져와 매개변수 value에 넣어주고,
map()을 사용하여 두 객체에 location: '경기도'를 추가해주었다.
이렇게 간단한 코드들은 이해하기가 쉽지만 다른 메서드와 함께 적용되면 많이 헷갈릴 수 있을 것 같다.
간단한 코드라도 하나 하나 꼼꼼히 이해하고 넘어가야겠다.
아!
구글링 중 배열 메서드와 관련된 엄청난 자료를 찾게 되어 출처를 밝히고 첨부하며 글을 마무리하겠다!
// 자료 출처 : https://juejin.cn/post/7114604944900128804 //
