Trova un valore in una matrice di oggetti in JavaScript
Questo articolo dimostrerà la procedura per trovare/determinare il valore in una matrice di oggetti in JavaScript.
Come trovare/determinare un valore in una matrice di oggetti in JavaScript?
Per trovare un valore/elemento in una matrice di oggetti, utilizzare i seguenti metodi:
- "Vettore.Trovare()" metodo
- "Vettore.findindex ()" metodo
- "per" ciclo continuo
Metodo 1: trovare/determinare un valore in un array di oggetti usando “Array.Find () "Metodo
Per trovare/determinare il valore/elemento in un array di oggetti, usa il “Vettore.Trovare()" metodo. Il metodo find () fornisce il 1 ° elemento nell'array che soddisfa/soddisfa la funzione specificata.
Sintassi
Utilizzare la sintassi data per il metodo Find ():
find ((element) =>//
)
Questo metodo accetta una funzione di callback come parametro, che è chiamato per ogni elemento nell'array. Questa funzione di callback dovrebbe fornire un valore booleano che indica se l'elemento corrente soddisfa la condizione.
Esempio
Crea una matrice di oggetti chiamati "userinfo"Che memorizza le informazioni dell'utente come oggetto:
var userInfo = [Nome: "Mari",
Età: 25,
Designazione: 'HR'
,
Primo nome: "Emma",
Età: 20,
Designazione: "Account"
,
primo nome: "Mia",
Età: 28,
Designazione: "amministratore"
];
Chiama il "Trovare()"Metodo per ottenere l'oggetto utente la cui designazione è"Hr":
var valuefound = userinfo.Trova (obj => obj.designazione === 'hr');Stampa il risultato sulla console:
console.log (valowound);Vale la pena notare che il metodo find () restituisce solo il primo elemento che soddisfa le condizioni singole o multiple:
Si può osservare che il metodo Find () cerca correttamente attraverso l'array e trovi l'oggetto utente che ha la designazione corrispondente.
Metodo 2: trovare/determinare un valore in un array di oggetti usando "Array.FindIndex () "Metodo
Usa il "findindex ()"Metodo, che consente anche di trovare il valore in una matrice di oggetti. A differenza del metodo find (), findindex () emette l'indice del primo elemento che soddisfa una condizione specificata piuttosto che l'elemento stesso. Se non viene trovato alcun elemento/esiste, restituisce -1.
Sintassi
Seguire la sintassi data per il metodo findindex ():
findindex ((element) =>//
)
Questo metodo accetta anche una funzione di callback come parametro.
Esempio
Chiama il metodo findindex () per trovare l'oggetto utente da "userinfo"Array la cui designazione è"Account". Restituirà l'indice del primo elemento la cui designazione è equivalente ai conti:
var valueIndex = userInfo.findindex (obj => obj.designation === 'Accounts');Controllare l'indice restituito, se non è uguale a -1, quindi stampare il valore di quell'indice sulla console:
if (valowindex !== -1)console.log (userInfo [valoriIndex]);
Produzione
Metodo 3: trovare/determinare un valore in un array di oggetti usando il ciclo "per"
Il modo più comunemente usato per ottenere qualsiasi valore da un array, un oggetto o da un array di oggetti, usa il “per" ciclo continuo. Iterato attraverso l'array e, all'interno del ciclo, utilizza un'istruzione IF per verificare se l'elemento corrente soddisfa la condizione. Una volta trovato l'elemento, arrestare il loop usando il "rottura" dichiarazione.
Sintassi
Per usare il "per"Loop, utilizza la sintassi fornita:
per (var i = 0; i< array.length; i++)// ..
Esempio
Innanzitutto, imposta il valore -1 sulla variabile "valore", Che verrà aggiornato all'indice che soddisfa la condizione:
var valuefound = -1;Itera l'array fino alla sua lunghezza e identifica l'oggetto la cui età è uguale a "28". Se viene trovato l'oggetto, aggiorna l'indice della variabile "valore"E fermare il ciclo:
per (var i = 0; i< userInfo.length; i++)if (userinfo [i].age == '28')
valowound = i;
rottura;
Infine, stampano l'oggetto sulla console usando "console.tronco d'albero()" metodo:
console.log (userinfo [valowound]);Come puoi vedere che l'oggetto la cui età è 28 è stato stampato sulla console:
Si tratta di trovare il valore in una matrice di oggetti in JavaScript.
Conclusione
Per trovare il valore/elemento in un array di oggetti, usa il “Vettore.Trovare()" metodo, "Vettore.findindex ()Metodo ", o"per" ciclo continuo. Il metodo find () restituisce solo il primo elemento che soddisfa la condizione, mentre il metodo findindex () fornisce l'indice dei primi elementi che soddisfano la condizione specificata. Questo articolo ha dimostrato la procedura per trovare il valore in una serie di oggetti JavaScript.