JavaScript에서 객체 배열 필터링

이 기사에서는 JavaScript filter() 함수를 사용하여 배열의 요소를 필터링하는 방법을 설명합니다.

JavaScript에서 객체 배열 필터링

배열로 작업할 때 가장 일반적인 작업 중 하나는 원래 배열 구성원의 하위 집합을 포함하는 새 컬렉션을 만드는 것입니다. 다양한 학생 개체가 있다고 가정합니다. 각 개체에는 sports 및 subjects이라는 두 가지 속성이 있습니다.

const students = [
  {sports: ['cricket', 'football'], subjects: 'Science'},
  {sports: ['Badminton', 'Hockey'], subjects: 'Math'},
  {sports: ['Chess', 'cricket'], subjects: 'Computer Science'},
  {sports: ['Judo', 'football'], subjects: 'Social Science'},
];

좋아하는 스포츠가 크리켓인 학생을 찾으려면 다음과 같이 cricket이 포함된 스포츠를 필터링해야 합니다.

const Cricket = students.filter((e) => e.sports.includes('cricket'));
console.log(Cricket);

코드 실행

출력:

[{
  name: "Johnny",
  sports: ["cricket", "football"]
}, {
  name: "Dev",
  sports: ["Chess", "cricket"]
}]

이 예제에서는 students 배열 객체의 filter() 메서드를 사용하고 각 멤버를 테스트하는 프로그램을 전달했습니다. 함수 내에서 배열에 있는 각 학생의 스포츠가 cricket에 해당하는지 확인했습니다.

이 경우 함수는 true를 반환합니다. 그렇지 않으면 거짓을 반환합니다. filter() 메서드에는 콜백 함수의 조건을 전달하는 반환 배열의 요소만 포함됩니다.