Mentre si lavora con i dati presenti negli array, a volte, potresti voler ottenere l'indice di un determinato elemento, ottenere conferma se un determinato elemento è presente all'interno dell'array o meno, sotto forma di un valore booleano o potresti voler formare un nuovo array che contiene tutti gli elementi che hai cercato.
Modern JavaScript offre molti metodi integrati per svolgere tali compiti; IL vettore.Trovare() è uno di questi metodi.
Come usare l'array.Trova la funzione in JavaScript
IL vettore.Trovare() Il metodo viene utilizzato per cercare e restituire la prima occorrenza di un elemento/elemento in un array che passa una determinata condizione. Quando hai bisogno di una singola match stick dal matchbox, fai la funzione Trova.
Condizione per l'array.Trova la funzione
Per restituire un elemento, deve soddisfare la condizione specifica o un test che viene stabilito dall'utente. Se l'elemento si trova all'inizio in cui la condizione viene soddisfatta, l'array.Trova la funzione non passerà attraverso gli elementi rimanenti dell'array.
Applicabilità dell'array.Trova la funzione
Devi essere consapevole del filtro() metodo? Il metodo che utilizziamo per trovare più valori. IL vettore.Trovare() metodo e vettore.filtro() il metodo è molto simile ma usiamo vettore.Trovare() metodo quando richiediamo la singola esistenza del metodo.
Quando il vettore.Trovare() Il metodo non è in grado di trovare nulla, restituisce un valore "non definito".
Pertanto, se hai bisogno o hai bisogno di un singolo valore, usa il Trovare() metodo. Per più valori da restituire o trovare, utilizzare filtro() Invece.
Sintassi dell'utilizzo dell'array.Trova la funzione
L'uso di tale metodo non è complicato; L'unico argomento che questo metodo richiede è una funzione di richiamo.
Ecco la forma più elementare:
vettore.Trova (callbackFunc); // Fatto!Puntare da considerare
Nota: L'originalità dell'array non viene colpita.
Parametri o argomenti di array.Trova la funzione
Funzione di callback: Una funzione che verrà eseguita per ogni elemento dell'array
CallbackFunc (CurrentElement, Index, ArrayName),IL callbackfunc Prende inoltre tre argomenti:
CurrentElement: L'elemento corrente dell'array.
indice: Il luogo dell'elemento corrente all'interno dell'array (opzionale).
ArrayName: Un riferimento all'array originale (opzionale)
questo parametro: Questo parametro viene utilizzato come "questo" all'interno della funzione di callback (opzionale).
Quindi, l'intera sintassi di vettore.Trovare() La funzione sarebbe così:
vettore.Trova (callbackFunc (CurrentValue, Index, ArrayName), questo)Ora proviamo alcuni esempi e cogli i concetti di vettore.Trovare() metodo con chiarezza.
Esempi
Innanzitutto, iniziamo con una semplice matrice di nomi:
Esempio 1: Facciamo un altro esempio in cui prendiamo una serie di tre nomi e vogliamo sapere se quel array contiene un nome specifico o no.
Cerchiamo semplicemente quel array con il nome specifico:
var namefound = ['James', 'Paul', 'Nathan'].find (function (name)Se quell'array contiene il nostro nome desiderato, allora stampiamo semplicemente sulla console "Il nome esiste".
if (namefound)Quello che sarà l'output?
Produzione
Si, hai capito bene. Sarà "Paolo esiste".
Ora. Facciamo un altro esempio in cui proveremo a trovare un valore all'interno dell'oggetto usando l'array.Find () Metodo:
Esempio 2:
Qui abbiamo un elenco di oggetti client e il loro conto
Applicheremo il metodo di ricerca in modo tale che il cliente la cui fattura è maggiore di 90 apparirà proprio di fronte a noi.
console.registro (client.Trova (c => c.fattura> 90));E il risultato sarà:
Esempio 3:
Supponiamo che abbiamo un elenco di colori.
Ora la dichiarazione per trovare il colore con la prima lettera come "G" andrà così:
console.registro (colori.trova (color => color.startWith ("g")));E l'output sarà sicuramente il colore grigio.
Conclusione
In questo articolo, abbiamo spiegato tutti gli aspetti del vettore.Trovare() metodo. A partire dalla descrizione, abbiamo spiegato la funzionalità dell'array.Trova () metodo in modo preciso. Abbiamo coperto quasi ogni aspetto dell'array.Trova metodo. In primo luogo, abbiamo descritto lo scopo di base del vettore.Trovare() Metodo e poi procedendo con la sintassi, i parametri, quando usare, come usare e esempi, abbiamo acquisito un livello di comprensione fine per il lettore. I lettori possono facilmente comprendere il funzionamento di questo metodo in quanto è stato brevemente spiegato con tre esempi pratici.