Ottieni l'indice dell'oggetto all'interno di un array, abbinando una condizione

In alcune situazioni, gli sviluppatori devono ottenere l'indice di un oggetto all'interno di un array che corrisponde a una determinata condizione, come la ricerca e l'aggiornamento di dati specifici in un array, rimuovendo un elemento da un array basato su determinati criteri, recuperando informazioni da un array basato su in determinate condizioni e così via.

Questo tutorial spiegherà i metodi per ottenere l'indice dell'oggetto in un array basato su una condizione.

Ottieni l'indice dell'oggetto all'interno di un array, abbinando una condizione

Per ottenere l'indice dell'oggetto all'interno di un array in base alla corrispondenza della condizione specificata, utilizzare i metodi integrati JavaScript forniti:

• Metodo IndexOf ()
• Metodo findIndex ()
• per loop

Metodo 1: Ottieni l'indice dell'oggetto all'interno di un array, corrispondente a una condizione usando il metodo "IndexOf ()"

Usa il "indice di()Metodo "con il"carta geografica()"Metodo di un oggetto array per ottenere l'indice dell'oggetto in un array. Il metodo IndexOf () fornisce il valore numerico "indice"Dell'elemento che passa la condizione specificata. Mentre il metodo Map () mappa i valori di un array.

Esempio

Innanzitutto, crea una serie di oggetti:

const arrayobj = [
id: '11', nome: 'John',
id: '15', nome: 'Jordan',
id: '23', nome: 'Joni'
];

Chiama il "carta geografica()"Metodo per mappare i nomi di tutti gli oggetti in un array e quindi invocare il"indice di()"Metodo passando un nome specifico che restituirà l'indice di quel nome:

const getindex = arrayobj.mappa (oggetto => oggetto.nome).indicef ('Jordan');

Infine, stampa l'indice restituito sulla console che corrisponde al nome dato:

console.log (getIndex);

L'output indica che l'indice dell'oggetto che contiene il nome "Giordania" È "1":

Metodo 2: Ottieni l'indice dell'oggetto all'interno di un array, abbinando una condizione usando il metodo "findindex ()"

Usa il "findindex ()"Metodo per ottenere l'indice di un oggetto in un array. Emette l'indice del primo elemento nell'array che soddisfa/soddisfa la funzione di test specificata.

Esempio

Chiama il metodo findindex () per trovare l'indice dell'oggetto il cui nome è equivalente a "John":

const getindex = arrayobj.findindex (object =>
restituire oggetto.name === 'John';
);

Produzione

Metodo 3: ottenere l'indice dell'oggetto all'interno di un array, corrispondente a una condizione usando il loop "per"

Usa l'approccio universale chiamato "per"Loop per ottenere l'indice di un oggetto in un array basato sulla corrispondenza di una particolare condizione.

Esempio

Per usare il "per"Tecnica Loop, prima crea una variabile" getIndex "che memorizza l'indice dell'oggetto che soddisfa la condizione:

Sia GetIndex;

Itera l'array di oggetti usando il ciclo "per" fino alla sua lunghezza e controlla l'indice dell'oggetto di cui "name == 'Joni'". Quando viene recuperato l'indice specificato, arrestare il loop:

per (let indice = 0; indice < arrayObj.length; index++)
if (Arrayobj [indice].name === 'joni')
getIndex = indice;
rottura;

Come puoi vedere il display di output "2"Ciò indica l'indice dell'oggetto il cui valore del nome è"Joni":

Si tratta di ottenere l'indice di un oggetto all'interno di un array basato su una condizione in JavaScript.

Conclusione

Per ottenere l'indice dell'oggetto all'interno di un array in base alla corrispondenza della condizione specificata, utilizzare il “indice di()" metodo, "findindex ()Metodo ", o"per"Approccio loop. Tutti questi metodi funzionano meglio, ma il metodo "findindex ()" è il metodo più comunemente usato per eseguire questo compito. In questo tutorial, abbiamo spiegato i metodi per ottenere l'indice dell'oggetto in un array basato su una condizione.