JS 배열 내장함수, filter

5939 단어 JavaScriptJavaScript

filter

filter()는 함수(callback)를 만족하는 요소를 모아 새로운 배열을 반환한다.

고차함수콜백함수를 실행한다.

callback(element, index, array)

  1. element - 배열에서 처리중인 요소
  2. index - 처리중인 요소의 인덱스
  3. array - 함수가 호출된 배열

예시

const arr = [1, 2, 3, 4, 5]

const result = arr.filter((v, i, arr) => {
  console.log(i)
  console.log(arr)
  console.log('======')
  
  return v >= 3
})

console.log(result)

// 결과
0
[ 1, 2, 3, 4, 5 ]
======
1
[ 1, 2, 3, 4, 5 ]
======
2
[ 1, 2, 3, 4, 5 ]
======
3
[ 1, 2, 3, 4, 5 ]
======
4
[ 1, 2, 3, 4, 5 ]
======
[ 3, 4, 5 ]

결과와 같이 현재요소, 현재 인덱스, 검사하는 배열을 호출한다.
또한 v가 3 이상인 것만 모아 배열을 리턴해준다.

만약 찾는 요소의 하나의 값만 알고 싶으면 find함수를 이용하여 된다.

실패값

찾는 요소가 없는 경우 [], 빈배열을 반환해준다.

좋은 웹페이지 즐겨찾기