본문 바로가기
JS/JavaScript 강의

51. filter Method

by 박기린 2022. 12. 15.

안녕하세요. 박기린 입니다.

Array의 메소드인 filter()에 대해 알아보겠습니다.

 

 

Array.prototype.filter()

const movements = [200, 450, -400, 3000, -650, -130, 70, 1300];
const deposits = movements.filter(function (mov, i, arr) {
  return mov > 0;
});
console.log(movements);
console.log(deposits);

const withdrawals = movements.filter(mov => mov < 0);
console.log(withdrawals);

 

Array이름.filter( 콜백함수 );

-> 콜백함수 구성
function( 배열의 요소가 담기는 인수, 배열 요소의 index가 담기는 인수, 전체 배열 ) {
   return ( true 조건식 )
}

filter()는 특정 조건을 만족하는 elements로 이루어진 Array를 return 합니다. 즉, 새로운 Array를 return하고, 원본 Array는 변형되지 않습니다.

 

 

실행결과물

 

 

 

만약 for 문으로 만든다면?

const depositsFor = [];
for (const mov of movements) if (mov > 0) depositsFor.push(mov);
console.log(depositsFor);

실행결과물

 

반응형

'JS > JavaScript 강의' 카테고리의 다른 글

53. includes/some/every  (0) 2022.12.20
52. reduce Method  (0) 2022.12.16
50. map Method  (2) 2022.12.14
[JS] 49. forEach Method  (0) 2022.12.09
48. Array의 기본 메소드 part.2 (slice, splice, reverse, concat, join, at)  (0) 2022.12.07