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 중국어 웹사이트의 기타 관련 기사를 참조하세요!