라이브러리
[JAVASCRIPT] arr.filter(callback) - 조건을 만족하는 요소만 추출하여 새 배열 생성
JavaScript의 arr.filter(callback) 메서드
JavaScript의 `arr.filter(callback)` 메서드는 배열의 요소를 필터링하여 새로운 배열을 반환하는 메서드입니다. 이 메서드는 배열의 각 요소를 callback 함수에 전달하고, callback 함수가 true를 반환하는 요소만 새로운 배열에 포함시킵니다.
arr.filter(callback) 메서드의 매개변수
- `arr`: 필터링할 배열입니다.
- `callback`: 필터링 조건을 지정하는 함수입니다. 이 함수는 배열의 각 요소를 매개변수로 받고, true 또는 false를 반환합니다.
arr.filter(callback) 메서드의 반환값
- 새로운 배열이 반환됩니다. 이 배열에는 callback 함수가 true를 반환하는 배열의 요소만 포함됩니다.
arr.filter(callback) 메서드의 예제
예제 1: 짝수 필터링
#hostingforum.kr
javascript
const numbers = [1, 2, 3, 4, 5, 6];
const evenNumbers = numbers.filter((number) => {
return number % 2 === 0;
});
console.log(evenNumbers); // [2, 4, 6]
예제 2: 이름이 '김'으로 시작하는 사람 필터링
#hostingforum.kr
javascript
const people = [
{ name: '김영희', age: 25 },
{ name: '이순신', age: 30 },
{ name: '김철수', age: 35 },
{ name: '박영희', age: 20 },
];
const kimPeople = people.filter((person) => {
return person.name.startsWith('김');
});
console.log(kimPeople); // [{ name: '김영희', age: 25 }, { name: '김철수', age: 35 }]
예제 3: 객체 필터링
#hostingforum.kr
javascript
const objects = [
{ id: 1, name: 'apple', price: 100 },
{ id: 2, name: 'banana', price: 200 },
{ id: 3, name: 'orange', price: 300 },
];
const expensiveObjects = objects.filter((object) => {
return object.price > 200;
});
console.log(expensiveObjects); // [{ id: 3, name: 'orange', price: 300 }]
이 예제들은 arr.filter(callback) 메서드의 기본적인 사용법을 보여줍니다. 필터링 조건을 지정하는 callback 함수를 사용하여 배열의 요소를 필터링할 수 있습니다.
댓글목록
등록된 댓글이 없습니다.