본문 바로가기
Archive

[JS] filter & map

by livemehere 2021. 11. 1.

Array 자료에서 원하는 것만 거를 때 filter 함수를 씁니다

 

var 어레이 = [7,3,5,2,40];
var 뉴어레이 = 어레이.filter(function(a){
  return a < 4
})

filter 함수 동작원리는

① 함수 안의 a라는 파라미터는 array 자료안에 있던 하나하나의 데이터를 의미합니다.

② return 오른쪽에 조건식을 적어주시면 조건식이 참인 경우에만 그 자료를 퉤 뱉습니다.

③ 그리고 filter함수의 결과는 저렇게 새로운 변수에 담아서 쓰라고 되어있습니다.


Array 자료들에 똑같은 작업을 시킬 때 map을 씁니다

map() 함수 수학에서의 mapping 이런거에서 따온 것입니다

var 어레이 = [7,3,5,2,40];
var 뉴어레이 = 어레이.map(function(a){
  return a * 2
})

map 함수 동작원리는

① 함수 안의 a라는 파라미터는 array 자료안에 있던 하나하나의 데이터를 의미합니다.

② return 오른쪽에 array 자료에 적용할 수식을 적으면 됩니다.

③ 그리고 map 함수의 결과는 저렇게 새로운 변수에 담아서 쓰라고 되어있습니다.

그려면 수식이 적용된 결과를 퉤 뱉어줍니다.

 

이둘은 sort() 와 다르게 보통 기존 array를 조작한 새로운 array를 만들 때 사용합니다. 

반응형

'Archive' 카테고리의 다른 글

유니캐스트  (0) 2021.11.01
[JS] Ajax  (0) 2021.11.01
[JS] sort()  (0) 2021.10.31
[JS] input & change event  (0) 2021.10.31
[JS] e.target vs e.currentTarget (이벤트버블링)  (0) 2021.10.30