Come cercare gli oggetti da un array in javascript?
Questo blog spiegherà in dettaglio i metodi per cercare gli oggetti da un array in JavaScript
Come cercare gli oggetti da un array in javascript?
I seguenti metodi possono essere applicati agli oggetti di ricerca da un array in JavaScript:
- "per ciascuno()" Metodo.
- "Trovare()" Metodo.
- "filtro" Metodo.
- "per" Ciclo continuo.
Gli approcci menzionati saranno dimostrati uno per uno!
Metodo 1: Cerca oggetti da un array in JavaScript usando il metodo foreach ()
IL "per ciascuno()"Il metodo applica una funzione per ciascun elemento array. Questo metodo può essere implementato per applicare un controllo sulla proprietà dell'oggetto e restituire il valore corrispondente ad esso con l'aiuto di un parametro passato.
Sintassi
vettore.foreach (funzione (CurrValue, indice, arr), questo)- funzione: Si riferisce alla funzione da eseguire per ciascun elemento di array.
- Currvalue: Questo parametro si riferisce al valore dell'array corrente.
- indice: Indica l'indice dell'elemento corrente
- vettore: L'array corrente
- Questo: Indica il valore da passare alla funzione.
Nella sintassi data, "funzione"Si riferisce alla funzione da eseguire per ciascun elemento dell'array, il parametro della funzione punta all'indice del valore corrente in un array e"Questo"Indica il valore da passare alla funzione.
L'esempio seguente illustra il metodo dichiarato.
Esempio
Innanzitutto, dichiara un array chiamato "Objarray"Avere le seguenti proprietà dell'oggetto e i loro valori corrispondenti:
var objarray = [Nome: "Harry", Id: 1, Città: "Londra",
Nome: "John", Id: 2, Città: "New York",
Nome: "Sierra", Id: 3, Città: "Canberra",
];
Successivamente, applica il “per ciascuno()"Metodo e passa il parametro"obj"Che applicherà quindi una condizione sulla proprietà dell'oggetto specificato e restituirà il valore corrispondente ad essa associato. Ad esempio, il valore di "nome"La proprietà tornerà in questo caso applicando un assegno sulla proprietà dell'oggetto"città":
Objarray.foreach (obj =>if (obj.City === "New York")
console.Log ("Il nome del residente è:", OBJ.nome);
);
Produzione
Metodo 2: Cerca oggetti da un array in JavaScript usando il metodo find ()
IL "Trovare()"Il metodo accede al valore del primo elemento che supera il test fornito. Questo metodo può anche essere applicato per applicare un controllo sulla proprietà dell'oggetto e restituire il valore di una proprietà diversa ad essa associata all'aiuto del parametro passato.
Sintassi
vettore.Trova (funzione (Currval, indice, arr), questo)- funzione: Si riferisce alla funzione da eseguire per ciascun elemento di array.
- Currvalue: Questo parametro si riferisce al valore dell'array corrente.
- indice: Indica l'indice dell'elemento corrente
- vettore: L'array corrente
- Questo: Indica il valore da passare alla funzione.
Esempio
Nell'esempio seguente, allo stesso modo, definire la seguente array di oggetti con proprietà e valori specificati:
var objarray = [Nome: "David", designazione: "Junior Developer", azienda: "Google",
Nome: "James", designazione: "Senior Developer", azienda: "YouTube",
Nome: "Sara", designazione: "Manager", azienda: "Google",
];
Ora, ripeti la procedura discussa nel metodo precedente per restituire un valore dell'oggetto con l'aiuto di un parametro passato:
Objarray.find (obj =>if (obj.azienda === "Google")
console.Log ("Google Employee:", OBJ.nome);
);
Produzione
Metodo 3: Cerca oggetti da un array in JavaScript usando il metodo Filter ()
IL "filtro()"Il metodo crea un nuovo array pieno di elementi filtrati. Questo metodo può essere applicato per cercare ed estrarre il valore dell'oggetto filtrato rispetto alla condizione applicata.
Sintassi
vettore.Filtro (funzione (Currval, indice, arr), questo)- funzione: Si riferisce alla funzione da eseguire per ciascun elemento di array.
- Currvalue: Questo parametro si riferisce al valore dell'array corrente.
- indice: Indica l'indice dell'elemento corrente
- vettore: L'array corrente
- Questo: Indica il valore da passare alla funzione.
Panoramica del seguente esempio per il concetto spiegato.
Esempio
RIVENDARE IL METODO DECCESSO per definire una serie di oggetti:
var objarray = [make: "HP", generazione: 3,
make: "Dell", generazione: 4,
make: "Lenovo", generazione: 5
];
Dopodiché, applica il "filtro()"Metodo sulla proprietà dell'oggetto specificato e facendo riferimento ad essa, restituire il valore corrispondente alla proprietà dell'oggetto ad essa:
Objarray.filtro (obj =>if (obj.make === "hp")
console.Log ("Generazione del laptop:", OBJ.generazione);
);
Produzione
Metodo 4: Cerca oggetti da un array in JavaScript usando il loop per
Questo approccio può essere implementato per iterare lungo l'array di oggetti e cercare un oggetto specifico facendo riferimento al totale "lunghezza"Di un array.
L'esempio seguente dimostra il concetto.
Esempio
In primo luogo, dichiarare la seguente serie di oggetti con proprietà e valori specificati come discusso nei metodi precedenti:
var objarray = [nome: "Tim", classe: 1, età: 10,nome: "Larry", classe: 2, età: 12,
Nome: "Teele", Class: 5, Age: 15,
"
Ora, applica un "per"Loop insieme al"lunghezza"Proprietà per cercare un oggetto specifico. In questo caso, il secondo oggetto verrà recuperato in base alla condizione applicata e visualizzato:
per (var i = 0; i < objArray.length; i++)if (Objarray [i].name == "Larry")
console.log (objarray [i])
rottura;
Produzione
Questo articolo ha compilato i metodi per cercare gli oggetti da un array in JavaScript.
Conclusione
IL "per ciascuno()Metodo ", il"Trovare()Metodo ", il"filtro()Metodo ", o"per"Il ciclo può essere applicato agli oggetti di ricerca da un array in JavaScript. Il metodo foreach () o il metodo find () possono essere applicati per verificare la proprietà dell'oggetto specifico e restituire il valore dell'oggetto di una proprietà diversa ad essa associata all'aiuto del parametro passato. Il metodo Filter () può essere implementato per cercare un oggetto specifico estraendo il valore dell'oggetto filtrato rispetto alla condizione applicata e il ciclo for può essere applicato a una ricerca su oggetti facendo parte della lunghezza totale di un array. Questo articolo ha dimostrato i metodi per cercare gli oggetti da un array in JavaScript