> 웹 프론트엔드 > JS 튜토리얼 > 다른 배열과의 일치 항목을 기반으로 개체 배열을 필터링하는 방법은 무엇입니까?

다른 배열과의 일치 항목을 기반으로 개체 배열을 필터링하는 방법은 무엇입니까?

Barbara Streisand
풀어 주다: 2024-11-01 08:39:02
원래의
489명이 탐색했습니다.

How to Filter an Array of Objects Based on Matches with Another Array?

다른 개체 배열로 개체 배열 필터링

문제:

원하는 항목 두 번째 객체 배열과의 일치 항목을 기준으로 객체 배열을 필터링합니다. 예를 들어 다음과 같은 배열이 있다고 가정해 보겠습니다.

<code class="js">myArray = [
  { userid: "100", projectid: "10", rowid: "0" },
  { userid: "101", projectid: "11", rowid: "1" },
  { userid: "102", projectid: "12", rowid: "2" },
  { userid: "103", projectid: "13", rowid: "3" },
  { userid: "101", projectid: "10", rowid: "4" },
];
myFilter = [
  { userid: "101", projectid: "11" },
  { userid: "102", projectid: "12" },
  { userid: "103", projectid: "11" },
];</code>
로그인 후 복사

userid 및 projectid 속성이 myFilter의 속성과 일치하는 객체만 포함하도록 myArray를 필터링해야 합니다. 예상 결과는 다음과 같습니다.

<code class="js">myArrayFiltered = [
  { userid: "101", projectid: "11", rowid: "1" },
  { userid: "102", projectid: "12", rowid: "2" },
];</code>
로그인 후 복사

해결책:

배열을 필터링하려면 필터와 일부 배열 방법을 활용할 수 있습니다.

<code class="js">const myArrayFiltered = myArray.filter((el) => {
  return myFilter.some((f) => {
    return f.userid === el.userid && f.projectid === el.projectid;
  });
});</code>
로그인 후 복사

설명:

  • 필터 메소드는 myArray를 반복하고 인수로 제공된 조건을 만족하는 객체만 포함하는 새 배열을 생성합니다.
  • 조건 내에서 사용되는 some 메소드는 myFilter의 요소가 myArray에 있는 현재 요소의 userid 및 projectid 속성과 일치하는지 확인합니다.
  • 일치하는 항목이 발견되면 some 메소드는 true를 반환하여 현재 요소가 있음을 나타냅니다. 필터링된 배열에 포함되어야 합니다.

위 내용은 다른 배열과의 일치 항목을 기반으로 개체 배열을 필터링하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿