> 웹 프론트엔드 > JS 튜토리얼 > 속성 값을 기반으로 JavaScript 개체를 효율적으로 찾으려면 어떻게 해야 합니까?

속성 값을 기반으로 JavaScript 개체를 효율적으로 찾으려면 어떻게 해야 합니까?

Patricia Arquette
풀어 주다: 2024-12-31 06:36:15
원래의
252명이 탐색했습니다.

How Can I Efficiently Find JavaScript Objects Based on Property Value?

JavaScript 배열의 값을 일치시켜 개체 찾기

JavaScript 개체 배열에 직면했을 때 일치하는 속성을 기반으로 특정 개체를 검색합니다. 가치는 어려울 수 있습니다. 이 기사에서는 그러한 객체를 손쉽게 찾는 데 사용할 수 있는 효율적인 방법을 살펴봅니다.

find() 메서드

JavaScript의 find() 메서드는 간단한 솔루션을 제공합니다. 구문은 다음과 같습니다.

find(predicateFunction)
로그인 후 복사

여기서 predicateFunction은 현재 요소가 검색 기준을 충족하는지 여부를 나타내는 부울 값을 반환하는 콜백입니다. "id" 속성과 일치하는 값을 가진 객체를 찾으려면 다음 코드를 사용할 수 있습니다.

myArray.find(x => x.id === '45').foo;
로그인 후 복사

findIndex() 메서드

일치하는 객체의 인덱스에만 관심이 있는 경우 findIndex() 메서드가 유용할 수 있습니다. 구문은 다음과 같습니다.

findIndex(predicateFunction)
로그인 후 복사

아래 코드는 "id" 속성이 '45'로 설정된 개체의 인덱스를 반환합니다.

myArray.findIndex(x => x.id === '45');
로그인 후 복사

필터( ) 메소드

일치하는 모든 객체를 포함하는 배열을 얻으려면 filter() 메소드가 편리한 솔루션을 제공합니다. 구문은 다음과 같습니다.

filter(predicateFunction)
로그인 후 복사

다음 코드는 "id" 속성이 '45'로 설정된 객체 배열을 반환합니다.

myArray.filter(x => x.id === '45');
로그인 후 복사

map( ) 메소드

마지막으로 특정 속성과 일치하는 값만 포함하는 배열이 필요한 경우 map() 메소드 사용할 수 있습니다. 구문은 다음과 같습니다.

map(transformFunction)
로그인 후 복사

아래 코드는 "id" 속성이 '45'로 설정된 개체에 대해 "foo" 속성 값의 배열을 반환합니다.

myArray.filter(x => x.id === '45').map(x => x.foo);
로그인 후 복사

브라우저 호환성 참고

Internet Explorer와 같은 브라우저는 최신 버전을 지원하지 않을 수 있다는 점에 유의할 가치가 있습니다. find()나 filter() 같은 메소드를 사용합니다. 이러한 브라우저와의 호환성을 위해서는 적절한 폴리필과 함께 Babel을 사용하여 코드를 트랜스파일하는 것이 좋습니다.

위 내용은 속성 값을 기반으로 JavaScript 개체를 효율적으로 찾으려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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