JavaScript 개체 배열에서 ID로 개체를 찾는 방법

Javascript Gaeche Baeyeol Eseo Idlo Gaecheleul Chajneun Bangbeob



JavaScript에서 객체는 독립적인 형태로 클래스를 결정할 수 있는 클래스의 인스턴스를 생성하는 데 사용됩니다. 그러나 여러 개체가 배열로 저장되어 있으면 필요한 개체를 찾기가 매우 어렵습니다. 이 문제를 해결하기 위해 JavaScript는 해당 객체를 찾을 수 있는 다양한 방법을 제공합니다. 예를 들어 ID, 이름, 키 값 등을 사용하여 객체를 찾을 수 있습니다.

이 게시물은 JavaScript 개체 배열에서 개체 ID를 찾는 방법을 설명했습니다.

JavaScript 개체 배열에서 ID로 개체를 찾는 방법은 무엇입니까?

'와 같이 JavaScript 배열에서 개체를 찾는 데 사용할 수 있는 다양한 메서드가 있습니다. 찾다() ”, “ 필터 ”, “ 찾기인덱스() , 다른 사람.







실질적인 의미를 위해 명시된 방법을 하나씩 시도하십시오.



방법 1: 'find()' JavaScript 방법을 사용하여 배열에서 ID로 개체 찾기

'를 사용하여 배열에서 ID로 객체를 찾으려면 찾다() ” 자바스크립트 방법, “의 도움으로 상수 배열을 선언 const ” 키워드. 그런 다음 배열에 다음 요소를 추가합니다.



const = [
{
ID : 01 ,
이름 : '자바스크립트'
} ,
{
ID : 02 ,
이름 : '자바'
} ,
{
ID : 03 ,
이름 : 'HTML/CSS'
} ]

'를 호출합니다. 찾다() ” 객체 ID가 “ 2 ” 그리고 결과 값을 선언된 변수에 저장합니다.





const 물체 = 도착 찾다 ( 객체 => 객체 ID === 02 ) ;

'를 활용 통나무() ” 메서드를 호출하고 인수 “를 전달합니다. 물체 ” 콘솔에 출력을 인쇄합니다.

콘솔. 통나무 ( 물체 )



방법 2: 'findIndex()' JavaScript 방법을 사용하여 배열에서 ID로 개체 찾기

'의 도움으로 ID로 개체를 찾을 수도 있습니다. 인덱스 찾기() ' 방법. 이렇게 하려면 '를 사용하여 변수를 선언합니다. 허락하다 ” 키워드를 입력하고 배열에 데이터를 추가합니다.

let animalsObj = [ {
ID : '101' ,
이름 : '고양이'
} ,
{
ID : '102' ,
이름 : '개'
} ,
{
ID : '103' ,
이름 : '토끼'
} ] ;

상수를 선언하고 정의된 상수에 따라 값을 할당합니다.

const ID = '103' ;

이제 ' 찾기인덱스() 콜백 함수를 따라 ” 메서드를 호출하고 ID를 확인합니다.

~였다 동물지수 = 동물Obj. 인덱스 찾기 ( 동물 => 동물. ID === ID ) ;

이제 배열 인덱스를 ' 통나무() ” 화면에 인덱스를 표시하는 방법:

콘솔. 통나무 ( '색인 : ' + 동물지수 ) ;

결과 어레이를 콘솔에 표시합니다.

콘솔. 통나무 ( 동물Obj [ 동물지수 ] ) ;

방법 3: 'filter()' JavaScript 방법을 사용하여 배열에서 ID로 개체 찾기

먼저 상수를 선언하고 값을 할당합니다.

const ID = '101' ;

filter() 메서드를 사용하여 개체를 찾을 수도 있습니다. 이를 위해 요소를 배열에 저장하고 ' 필터() ” 콜백 함수를 호출하고 ID를 확인하는 방법:

~였다 동물 = 동물Obj. 필터 ( 동물 => 동물. ID === ID ) ;
콘솔. 통나무 ( 동물Obj [ 동물지수 ] ) ;

JavaScript 개체 배열에서 ID로 개체를 찾는 여러 가지 방법에 대해 배웠습니다.

결론

자바스크립트 배열에서 ID로 객체를 찾기 위해서는 “ 찾다() ”, “ 필터 ', 그리고 ' 찾기인덱스() '라고 사용할 수 있습니다. 이렇게 하려면 배열에 요소를 추가하고 콜백 함수로 메서드를 호출하고 개체의 ID를 확인합니다. 이 게시물은 JavaScript 개체 배열에서 ID로 개체를 찾는 다양한 방법을 설명했습니다.