Notice
Recent Posts
Recent Comments
Link
250x250
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
Tags
- 스나이퍼팩토리
- #프로젝트캠프 #프로젝트캠프후기 #유데미 #스나이퍼팩토리 #웅진씽크빅 #인사이드아웃 #IT개발캠프 #개발자부트캠프 #리액트 #react #부트캠프 #리액트캠프
- 인사이드아웃
- 타입스크립트
- cs #네트워크
- 리액트
- html
- 자바스크립트
- Algorithm
- 웅진씽크빅
- 프로그래머스
- react-query
- IT개발캠프
- BFS
- CS
- React.js
- 메모리
- 해시
- 네트워크
- 프로젝트캠프
- 스레드
- 프로세스
- 개발자부트캠프
- 알고리즘
- typescript
- javascript
- react
- ip
- 유데미
- App Runner
Archives
- Today
- Total
Bin's Blog
filter 메서드 본문
728x90
filter() 메서드는 배열에서 특정 조건을 만족하는 요소만 선택하여 새 배열을 생성하는 메서드이다. filter()는 원래의 배열을 변경하지 않으며, 조건에 맞는 요소들로 구성된 새로운 배열을 반환한다.
filter() 메서드는 호출 시 인자로 콜백 함수를 받는데, 이 콜백 함수는 배열의 각 요소를 순회하면서 평가된다. 이 콜백 함수는 배열의 각 요소를 순회하면서 평가된다. 반환 값이 true인 경우 해당 요소는 새 배열에 포함되며, false인 경우 포함되지 않는다.
array.filter(callback(element[, index[, array]])[, thisArg])
- callback: 각 요소를 테스트하는 함수, true를 반환하면 요소를 유지하고, false를 반환하면 건너뛴다. 이 함수는 세 개의 인자를 받는다.
- element: 처리 중인 현재 요소.
- index(옵션): 처리 중인 현재 요소의 인덱스.
- array(옵션): filter가 호출된 배열
- thisArg(옵션): callback 함수에서 this로 사용될 값
let numbers = [1, 2, 3, 4, 5, 6];
let evens = numbers.filter(number => number % 2 === 0);
console.log(evens); // [2, 4, 6]
- 위처럼 filter()메서드는 각 숫자를 2로 나눈 나머지가 0인지 확인한다. 이 조건을 만족하는 숫자만 새 배열에 포함시킨다.
728x90
'JavaScript' 카테고리의 다른 글
concat 메서드 (0) | 2023.06.01 |
---|---|
every 메서드 (0) | 2023.05.30 |
includes 메서드 (0) | 2023.05.26 |
some 메서드 (0) | 2023.05.25 |
call, apply, bind 메서드 (0) | 2023.05.24 |