JavaScript 개체 배열에서 데이터를 효율적으로 찾고 추출하려면 어떻게 해야 합니까?

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

JavaScript 프로그래머는 특정 값에 대해 개체 배열을 검색해야 하는 경우가 종종 있습니다. . 이 문서에서는 find(), findIndex(), filter() 및 map() 메서드를 중심으로 이 작업을 수행하는 다양한 방법을 설명합니다.

배열 예시

다음 JavaScript 객체 배열을 고려하세요.

myArray = [{'id':'73','foo':'bar'},{'id':'45','foo':'bar'},{'id':'67','foo':'baz'}];

특정 객체 찾기 개체

ID가 45인 개체를 검색하려면 find() 메서드를 사용하세요.

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

속성 값 가져오기

일치하는 객체에 대한 foo 속성 값을 검색하려면 점을 사용하세요. 표기법:

const fooValue = matchingObject.foo;

객체의 인덱스 찾기

일치하는 객체의 인덱스를 확인하려면 findIndex() 메서드를 사용하세요.

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

필터링 매칭 객체

일치하는 객체만 포함하는 배열을 만들려면 filter() 메서드를 사용하세요.

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

일치하는 값 매핑

일치하는 foo 속성 값의 배열을 추출하려면 filter() 및 map()을 연결합니다. 메서드:

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

브라우저 호환성 참고

화살표 함수 및 find()와 같은 일부 배열 메서드는 이전 브라우저에서 지원되지 않습니다. 호환성을 위해 적절한 폴리필과 함께 Babel을 사용하는 것을 고려해 보세요.

위 내용은 JavaScript 개체 배열에서 데이터를 효율적으로 찾고 추출하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!