자바스크립트 객체 배열에서 id로 객체 찾기

저는 배열을 가지고 있습니다.

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

나는 배열의 구조를 바꿀 수 없습니다. 나는 45 의 id를 전달 받았고, 나는 배열에서 해당 객체의 'bar' 를 얻고 싶습니다.

JavaScript 또는 jQuery를 사용하여 이것을 어떻게 할 수 있나요?

답변 1

find() 방법을 사용하십시오.

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

MDN에서:

만약 배열의 요소 중 다음 테스팅 함수를 충족하는 것이 있다면, find() 메소드는 첫 번째 값을 반환합니다. 그렇지 않으면 undefined 이 반환됩니다.

대신 그것의 인덱스를 찾으려면 findIndex()을 사용하십시오.

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

MDN에서 번역:

findIndex() 메소드는 제공된 테스트 함수를 충족하는 배열의 첫 번째 요소의 인덱스를 반환합니다. 그렇지 않으면 -1이 반환됩니다.

일치하는 원소의 배열을 얻고 싶다면 대신 filter() 메소드를 사용하세요.

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

이는 객체 배열을 반환합니다. 만약 당신이 foo 속성들의 배열을 얻길 원한다면, 당신은 map() 메소드로 이를 할 수 있습니다.

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

부가 설명: find() 또는 filter() , 그리고 arrow functions 와 같은 메소드는 예전 브라우저(예: IE)에서 지원되지 않으므로 이러한 브라우저를 지원하려면, Babel ( polyfill 와 함께)를 사용하여 코드를 트랜스파일해야 합니다.

답변 2

JavaScript의 객체 배열에서 ID에 따라 객체를 찾는 방법

JavaScript는 현재 많은 웹 개발자들이 사용하는 언어 중 하나입니다. JavaScript는 다양한 작업을 수행할 수 있는 다재다능한 언어입니다. 이 언어를 사용하여 데이터를 조작하고 사용자 인터페이스를 개발하고 웹 페이지를 동적으로 조작할 수 있습니다.

JavaScript는 객체 지향 프로그래밍 패러다임을 사용합니다. 이것은 JavaScript에서 데이터를 객체로 조작하는 데 크게 기여합니다. 객체는 데이터의 집합이며, 각 속성에는 이름과 값이 있습니다. 이러한 속성은 클래스와 비슷합니다. 객체는 JavaScript에서 모든 것을 나타내는 데 사용됩니다. 이러한 객체 배열도 생성됩니다.

객체 배열은 동일한 타입의 객체를 포함하는 데이터 구조입니다. 배열의 모든 요소는 객체입니다. 객체는 매우 강력하고 유연합니다. 일반적으로 각 요소에는 ID가 포함됩니다. 이 ID는 고유한 값이며 각 객체가 구분되기 쉽도록합니다.

객체 배열에서 특정 ID로 객체를 검색해야 할 때가 있습니다. 이를 해결하기 위해 JavaScript에서는 다양한 방법을 제공합니다. 객체 배열에서 ID로 객체를 검색하는 가장 일반적인 방법 중 하나는 for 루프를 사용하여 ID와 일치하는 객체를 찾는 것입니다.

하지만 루프를 사용하는 것은 비효율적인 방법입니다. 성능이 느릴 수 있으며 코드가 복잡해질 수 있습니다. 다른 방법 중 하나는 Array.find() 메소드를 사용하는 것입니다. 이 메소드는 배열에서 첫 번째 일치 항목을 찾아 반환합니다.

객체 배열에서 ID로 객체를 검색하는 방법은 여러 가지가 있습니다. 그러나 Array.find() 메서드를 사용하면 루프보다 더 효율적이고 간단한 코드를 작성할 수 있습니다. 이 방법을 사용하여 JavaScript에서 객체 배열에서 ID로 객체를 검색할 수 있습니다.