JavaScript 배열에서 특정 개체와 속성을 효율적으로 찾고 검색하는 방법은 무엇입니까?

JavaScript 개체 배열에서 일치하는 개체 검색

JavaScript에서는 개체 배열을 순회하여 개체를 찾아야 하는 경우가 종종 있습니다. 특정 값을 기반으로 하는 특정 개체입니다. 다음 배열을 고려하십시오.

myArray = [{'id':'73','foo':'bar'},{'id':'45','foo':'bar'}, etc.]

ID가 45이고 해당 'foo' 속성을 검색한다고 가정합니다. 이를 달성하기 위한 다양한 접근 방식은 다음과 같습니다.

방법 1: Find 메서드 활용

find() 메서드를 사용하면 지정된 조건을 충족하는 첫 번째 개체를 찾을 수 있습니다. . ID 45의 개체를 찾으려면 다음 구문을 사용할 수 있습니다.

myArray.find(x => x.id === '45').foo;

방법 2: FindIndex 메서드 사용

주로 관심이 있는 경우 객체 자체가 아닌 일치하는 객체의 인덱스를 사용하면 findIndex()를 활용할 수 있습니다. 방법:

myArray.findIndex(x => x.id === '45');

방법 3: 일치하는 요소의 배열 검색(필터 방법)

filter() 방법은 특정 기준과 일치하는 모든 객체의 배열입니다. 우리의 경우에는 다음과 같습니다.

myArray.filter(x => x.id === '45');

방법 4: 속성 값 추출(맵 방법)

'foo'를 추출하는 데 특별히 관심이 있는 경우 일치하는 객체의 속성 값을 사용하여 filter() 및 map() 메서드를 다음과 같이 결합할 수 있습니다. 다음:

myArray.filter(x => x.id === '45').map(x => x.foo);

브라우저 간 호환성 참고:

find() 및 findIndex()와 같은 최신 메소드는 보편적으로 지원되지 않는다는 점에 유의하는 것이 중요합니다. IE와 같은 오래된 브라우저. 브라우저 간 호환성을 보장하려면 적절한 폴리필이 포함된 Babel과 같은 도구를 사용하여 코드를 트랜스파일하는 것이 좋습니다.

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