>웹 프론트엔드 >JS 튜토리얼 >속성 값이 일치하는 JavaScript 개체를 어떻게 찾을 수 있나요?

속성 값이 일치하는 JavaScript 개체를 어떻게 찾을 수 있나요?

Patricia Arquette
Patricia Arquette원래의
2024-12-30 11:11:09772검색

How Can I Find JavaScript Objects with Matching Property Values?

JavaScript 개체 배열에서 일치하는 값을 가진 개체 찾기

JavaScript 개체 배열이 있고 개체를 찾아야 하는 경우 특정 속성에 대한 특정 값을 사용합니다. 이를 달성하는 방법은 다음과 같습니다.

find() 메서드 사용

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

이 코드는 find() 메서드를 사용하여 배열을 반복하고 id 속성이 주어진 값과 일치하는 첫 번째 객체입니다. 그러면 일치하는 객체의 foo 속성에 액세스하여 결과로 반환됩니다.

findIndex() 메서드 사용

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

인덱스를 결정해야 하는 경우 일치하는 객체를 찾으려면 findIndex() 메서드를 사용할 수 있습니다. 이 메소드는 주어진 조건을 만족하는 첫 번째 객체의 인덱스를 반환합니다.

filter() 메소드 사용

일치하는 객체의 배열을 얻으려면 filter( ) 메서드:

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

이것은 지정된 조건을 충족하는 개체 배열을 반환합니다. 조건.

filter() 메서드와 함께 map() 메서드 사용

일치하는 개체에서 특정 속성의 배열을 만들려면 map()과 filter()를 결합합니다. :

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

이것은 일치하는 foo 값을 포함하는 배열을 반환합니다. object.

호환성 참고

이전 브라우저의 경우 find(), filter() 및 arrow와 같은 메서드를 지원하려면 Babel을 사용하여 코드를 트랜스파일해야 할 수도 있습니다. 기능을 제공합니다.

위 내용은 속성 값이 일치하는 JavaScript 개체를 어떻게 찾을 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.