속성 값을 기반으로 JavaScript 배열에서 객체를 효율적으로 찾는 방법은 무엇입니까?

JavaScript의 속성 값을 기반으로 배열에서 개체 찾기

객체 배열을 처리할 때 속성 값을 기반으로 특정 요소를 검색해야 하는 경우가 많습니다. 이는 비효율적인 루프를 피하기 위해 대규모 배열로 작업할 때 특히 유용합니다.

문제

다음 공급업체 개체 배열을 고려하세요.

vendors = [{
    Name: 'Magenic',
    ID: 'ABC'
  },
  {
    Name: 'Microsoft',
    ID: 'DEF'
  } // and so on...
];

목표는 다음을 결정하는 것입니다. 명시적 루프를 사용하지 않고 "Magenic"과 동일한 Name 속성을 가진 개체가 이 배열 내에 존재하는 경우.

The 해결 방법

최신 JavaScript는 이 작업을 쉽게 수행할 수 있는 여러 배열 메서드를 제공합니다.

몇 가지 사용:

if (vendors.some(e => e.Name === 'Magenic')) {
  // We found at least one object that we're looking for!
}

일부는 배열을 반복하고 반환합니다. 지정된 조건과 일치하는 요소를 찾으면 즉시 true입니다.

사용 find:

if (vendors.find(e => e.Name === 'Magenic')) {
  // Usually the same result as above, but find returns the found object instead of a boolean
}

find는 some과 유사하게 동작하지만 부울 값을 반환하는 대신 조건과 일치하는 첫 번째 요소를 반환합니다.

객체 위치 가져오기 :

일치하는 요소의 위치를 ​​얻으려면 다음을 사용하세요. findIndex:

const i = vendors.findIndex(e => e.Name === 'Magenic');
if (i > -1) {
  // We know that at least 1 object that matches has been found at the index i
}

일치하는 모든 개체 찾기:

if (vendors.filter(e => e.Name === 'Magenic').length > 0) {
  // The same result as above, but filter returns all objects that match
}

filter는 지정된 조건을 만족하는 모든 요소의 배열을 반환합니다.

이전 버전과의 호환성 브라우저:

화살표 기능을 지원하지 않는 브라우저의 경우 표준 필터 방법을 사용하는 대체 접근 방식은 다음과 같습니다.

if (vendors.filter(function(e) { return e.Name === 'Magenic'; }).length > 0) {
  // The same result as above, but filter returns all objects that match and we avoid an arrow function for compatibility
}

위 내용은 속성 값을 기반으로 JavaScript 배열에서 객체를 효율적으로 찾는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!