그래서 오늘은 자바스크립트의 .filter() 메소드에 대해 알아보겠습니다.

필터 방법

JavaScript의 filter() 메서드는 배열의 각 요소를 가져와 조건문을 적용합니다. 이 조건문이 true를 반환하면 요소가 출력 배열로 푸시됩니다. 그렇지 않으면 요소가 출력 배열로 푸시되지 않습니다.

filter() 메서드는 기존 배열에서 주어진 기준에 속하는 요소로 새 배열을 만듭니다.

통사론

var first_array = arr.filter(
    function callback(element, index, array) {
        // Returns true or false
}[, thisArg])

filter의 구문은 map의 구문과 비슷하지만 요소를 유지하려면 콜백 함수가 true를 반환해야 하고 그렇지 않으면 false를 반환해야 합니다. 콜백에서는 요소만 필요합니다.

예시

아래 주어진 예에서 홀수는 "필터링"되어 짝수만 남습니다.

const all_numbers = [1, 2, 3, 4];
const even_numbers = all_numbers.filter(number => number % 2 === 0);
console.log(even_numbers);
// [2, 4]

다음 예에서 filter()는 성적이 90 이상인 모든 학생을 가져오는 데 사용됩니다.

const students = [
    { name: 'Mursal', grade: 96 },
    { name: 'Furqan', grade: 48 },
    { name: 'Ahmed', grade: 99 },
    { name: 'Anees', grade: 56 },
    { name: 'Burhan', grade: 90 }
];

const studentGrades = students.filter(
    students => students.grade >= 90);
return studentGrades;

//[ { name: 'Mursal', grade: 96 },
//    { name: 'Ahmed', grade: 99 },
//    { name: 'Burhan', grade: 90 } ]

다음 기사에서는 더 멋진 것에 대해 논의할 것입니다.