다른 배열의 일치하는 속성을 기반으로 개체 배열을 필터링하려면 어떻게 해야 합니까?

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

이 문제는 객체 배열(myArray)을 사용하여 객체 배열(myArray)을 필터링하는 것과 관련됩니다. 마이필터). 목표는 userid 및 projectid를 기준으로 myFilter의 해당 요소와 일치하는 myArray의 요소만 포함하는 새 배열(myArrayFiltered)을 생성하는 것입니다.

다음 예를 고려하세요.

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"
  }
];

예상되는 결과는 다음과 같습니다.

myArrayFiltered = [
  {
    userid: "101",
    projectid: "11",
    rowid: "1"
  },
  {
    userid: "102",
    projectid: "12",
    rowid: "2"
  }
];

이 작업을 수행하려면 필터와 일부 배열 방법을 사용할 수 있습니다. 이러한 메서드는 최신 브라우저에서 널리 사용할 수 있으며 이전 브라우저에도 폴리필이 존재합니다.

구현에는 myFilter의 각 요소를 myArray의 요소와 비교하는 데 사용되는 필터 메서드를 사용하여 myArray를 필터링하는 작업이 포함됩니다. 그런 다음 some 메소드를 사용하여 myArray의 현재 요소와 myFilter의 해당 요소의 userid 및 projectid 속성 사이에 하나 이상의 일치 항목이 있는지 확인합니다. 일치하는 항목이 있으면 현재 요소가 필터링된 결과에 포함됩니다.

다음은 이 접근 방식을 보여주는 예제 코드 조각입니다.

<code class="javascript">const 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" }];
const myFilter = [{ userid: "101", projectid: "11" }, { userid: "102", projectid: "12" }, { userid: "103",  projectid: "11"}];

const myArrayFiltered = myArray.filter((el) => {
  return myFilter.some((f) => {
    return f.userid === el.userid && f.projectid === el.projectid;
  });
});

console.log(myArrayFiltered);</code>

이 코드는 예상 결과를 출력합니다. myFilter에 지정된 기준과 일치하는 myArray의 객체만 포함하는 필터링된 배열입니다.

위 내용은 다른 배열의 일치하는 속성을 기반으로 개체 배열을 필터링하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!