Come filtrare gli oggetti in JavaScript?

Durante la programmazione in JavaScript, spesso vogliamo rimuovere i valori ripetuti o non validi contenuti in un oggetto o eliminare gli oggetti con determinati valori. In tali casi, filtrare gli oggetti in JavaScript può aiutare a ridurre la complessità ed eliminare le voci extra per rendere il codice leggibile e comprensibile.

Questo blog dimostrerà i metodi per filtrare gli oggetti in JavaScript.

Come filtrare l'oggetto in javascript?

Un oggetto può essere filtrato in JavaScript applicando il "filtro()" metodo:

• Con "ricerca()" metodo
• SU "Oggetti valori booleani"
• Basato sul "condizione"

Dai un'occhiata a ciascuno degli scenari menzionati uno per uno!

Metodo 1: oggetto Filtro in JavaScript applicando i metodi Filter () e Search ()

IL "filtro()"Il metodo crea una nuova serie di elementi in base alla condizione applicata. Mentre il "ricerca()"Il metodo cerca la stringa specificata in un array. Questi metodi possono essere utilizzati per cercare un particolare valore dell'oggetto e filtrarlo.

vettore.filtro (funzione (corrente, indice, arr), questo)

Nella sintassi data, il "funzione"Si riferisce alla funzione che deve essere eseguita per ciascun elemento dell'array e i valori dell'argomento della funzione si riferiscono a"indice"Dell'Elemento corrente in un array e"Questo"È il valore passato alla funzione.

corda.Ricerca (valore)

Nella sintassi sopra, il metodo Search () cerca il “valore"Nella stringa data.

Esempio
In primo luogo, dichiarare una serie di oggetti con "nome"Proprietà e valori corrispondenti:

let objdata = [nome: "rock", id: "1", vivo: true,
nome: "John", id: "2", vivo: true,
nome: "David", id: "3", vivo: false]

Successivamente, applica il metodo Filter () sul valore di "vivo"Proprietà in modo tale che l'oggetto abbia il valore booleano della proprietà specificata come"falso"Verrà filtrato dall'array:

let objdata = [nome: "Harry", nome: "David", nome: "Alisa"]

Successivamente, il "filtro()"Il metodo verrà applicato con il valore"articolo"Come argomento che verrà passato all'array di oggetti accessibili in modo tale che"ricerca()"Il metodo cercherà il valore dell'oggetto specifico"Harry"E filtrarlo usando il metodo precedente:

let filterobj = objdata.filtro ((elemento) => elemento.nome.Search ("Harry"))

Infine, gli oggetti filtrati verranno visualizzati sulla console:

console.Log ("Gli oggetti filtrati sono:", FilteroBJ)

L'output corrispondente sarà il seguente:

Si può vedere che il valore specificato viene filtrato dall'array di oggetti forniti.

Metodo 2: oggetto Filtro in JavaScript Applicando il metodo Filter () in base ai valori booleani dell'oggetto

IL "filtro()"Lo stesso metodo può essere utilizzato in questo metodo per filtrare gli oggetti accedendo alle loro proprietà specifiche e filtrandole in base ai corrispondenti valori booleani delle proprietà aggiunte.

Esempio
Nell'esempio seguente, dichiareremo allo stesso modo una serie di oggetti che detengono una stringa, una proprietà numerica e di tipo booleano e i loro valori corrispondenti:

let objdata = [nome: "rock", id: "1", vivo: true,
nome: "John", id: "2", vivo: true,
nome: "David", id: "3", vivo: false]

Successivamente, applica il metodo Filter () sul valore della proprietà "Alive" in modo tale che l'oggetto abbia il valore booleano della proprietà specificata come "falso" verrà filtrato dall'array:

const filterobj = objdata.filtro ((elemento) => elemento.vivo);

Di conseguenza, gli oggetti filtrati hanno il valore booleano "VERO"Sarà registrato sulla console:

console.log ("Gli oggetti filtrati sono:", filterobj);

Produzione

Metodo 3: oggetto Filtro in JavaScript applicando il metodo Filter () in base alla condizione

In questo particolare metodo, utilizzeremo il "filtro()"Metodo per filtrare una particolare proprietà dell'oggetto in base alla condizione aggiuntiva nel suo argomento.

Guarda il seguente esempio per la dimostrazione.

Esempio
Innanzitutto, dichiarare una serie di oggetti come segue:

let objdata = [nome: "rock", id: "1", vivo: true,
nome: "John", id: "2", vivo: false,
nome: "David", id: "3", vivo: false]

Successivamente, applica il “filtro()"Metodo sulla proprietà" ID "dell'objdata in modo tale che gli oggetti che hanno ID inferiore a tre saranno archiviati in"filterobj"E il resto diventerà obsoleto:

let filterobj = objdata.filtro ((elemento) => elemento.id < 3);

Infine, registrare gli oggetti filtrati che soddisfano la condizione sopra sulla console:

console.log ("Gli oggetti filtrati sono:", filterobj);

Nell'output indicato, si può osservare che gli oggetti vengono filtrati in base al valore di "id"Indipendentemente dai valori booleani assegnati.

Abbiamo discusso di vari metodi per filtrare gli oggetti in JavaScript.

Conclusione

Per filtrare gli oggetti in JavaScript, applicare il “filtro()" E "ricerca()"Metodi in combinazione per cercare il valore dell'oggetto e filtrarlo. Inoltre, è possibile utilizzare solo il filtro () per filtrare la proprietà di un oggetto in base alle condizioni aggiunte. Questo articolo ha spiegato tre metodi per filtrare gli oggetti in JavaScript.