Come trovare un oggetto per ID in una matrice di oggetti JavaScript

In JavaScript, gli oggetti sono utilizzati per la creazione di un'istanza di una classe in grado di determinare una classe in una forma indipendente. Tuttavia, se diversi oggetti vengono archiviati in un array, è molto difficile trovare il richiesto. Per risolvere questo problema, JavaScript fornisce vari metodi per trovare quell'oggetto. Ad esempio, è possibile trovare l'oggetto usando l'ID, il nome, i valori chiave e altri.

Questo post ha dichiarato il metodo per trovare un ID oggetto in una matrice di oggetti JavaScript.

Come trovare un oggetto per ID in una matrice di oggetti JavaScript?

Esistono vari metodi che possono essere usati per trovare l'oggetto in una serie di JavaScript, come "Trovare()","filtro","findindex (), e altri.

Per implicazioni pratiche, prova il metodo indicato uno per uno.

Metodo 1: Trova un oggetto per ID in un array usando il metodo JavaScript "Find ()"

Per trovare un oggetto per ID in un array usando il "Trovare()"Metodo JavaScript, dichiara un array costante con l'aiuto di"const" parola chiave. Quindi, aggiungi i seguenti elementi nell'array:

const arr = [

ID: 01,
Nome: "JavaScript"
,

ID: 02,
Nome: "Java"
,

ID: 03,
Nome: 'HTML/CSS'
]

Invocare il "Trovare()"Metodo con la funzione di callback in cui l'ID oggetto è equivalente a"2"E memorizzare il valore risultante nella variabile dichiarata:

const object = arr.Trova (obj => obj.id === 02);

Utilizzare il "tronco d'albero()"Metodo e passare l'argomento"oggetto"Per stampare l'output sulla console.

console.log (oggetto)

Metodo 2: Trova un oggetto per ID in un array usando il metodo JavaScript "FindIndex ()"

Puoi anche trovare l'oggetto con il suo ID con l'aiuto di "findindex ()" metodo. Per fare ciò, dichiarare la variabile usando "permettere"Parola chiave e aggiungi i dati nell'array:

let animaliobj = [
ID: '101',
Nome: 'Cat'
,

ID: '102',
Nome: 'Dog'
,

ID: '103',
Nome: "Rabbit"
];

Dichiarare una costante e assegnare un valore secondo la costante definita:

const id = '103';

Ora, invoca il "findindex ()"Metodo lungo una funzione di callback e controlla l'ID:

var animaliindex = animaliobj.findindex (animale => animale.id === id);

Ora, passa l'indice di array come argomento al "tronco d'albero()"Metodo per mostrare l'indice sullo schermo:

console.log ("indice:"+animaliindex);

Visualizza l'array risultante sulla console:

console.log (animaliObj [animaleIndex]);

Metodo 3: trova un oggetto per ID in un array usando il metodo JavaScript "Filter ()"

In primo luogo, dichiarare una costante e assegnare un valore ad esso:

const id = '101';

È inoltre possibile utilizzare il metodo Filter () per trovare l'oggetto. A tale scopo, memorizza gli elementi in un array e chiama il "filtro()"Metodo per invocare una funzione di callback e controllare l'ID:

var animale = animaliobj.filtro (animale => animale.id === id);
console.log (animaliObj [animaleIndex]);

Hai imparato più metodi per trovare un oggetto tramite ID in una serie di oggetti JavaScript.

Conclusione

Per trovare un oggetto per ID in una serie di JavaScript, ci sono vari metodi, tra cui "Trovare()","filtro", E "findindex ()"Questo può essere usato. Per fare ciò, aggiungi l'elemento in un array e invoca il metodo con una funzione di callback e controlla l'ID dell'oggetto. Questo post ha dichiarato diversi metodi per trovare un oggetto per ID in una matrice di oggetti JavaScript.