Come filtrare gli elementi di array in JavaScript
Questo post fornisce il funzionamento del metodo Filter () e una serie di esempi che mostrano come il metodo Fitter () filtra gli elementi dell'array.
Come filtrare gli elementi di array in JavaScript
Come discusso in precedenza, il metodo Filter () viene praticato filtrando gli elementi dell'array in JavaScript. Questa sezione presenta il metodo di lavoro e utilizzo del filtro () in JavaScript.
Come utilizzare il metodo Filter () in JavaScript
Prima di entrare nell'applicazione del metodo Filter (), diamo un'occhiata alla sintassi per ottenere il concetto di base del metodo Filter ().
vettore.Filtro (Funzione di callback (val, indice, array), questo val)La sintassi sopra illustra che un vettore è essere
Il metodo Filter () accetta due parametri callback-function () E questo val
- Il callback-function () è la stakeholder chiave che assume tre parametri Val, indice e array
- IL Val rappresenta il valore dell'array che viene passato
- IL Indice mostra l'indice dell'elemento che viene superato
- Vettore parametro in callback-function () indica l'array dell'elemento
Il valore di restituzione del metodo Filter ()
Nota: IL Val È necessario il parametro della Funzione di callback (). Tuttavia, gli altri parametri sono opzionali e non devono essere utilizzati ogni volta.
Esempio 1
Il seguente codice JavaScript utilizza il metodo Filter () per filtrare elementi specifici di un array.
var a = [2, 7, 11, 15, 18, 22]funzione anche (num)
restituire num%2 == 0;
console.registro (a.filtro (pari));
Nel codice sopra, viene creata una matrice di numeri su cui verrebbe applicato il metodo Filter (). Successivamente, viene creata una funzione che filtra solo i numeri pari e questa funzione viene passata al metodo Filter () come argomento.
Produzione
L'output mostra che solo i numeri pari dell'array sono stampati sulla console.
Esempio 2
L'esempio spiegato qui filtrerebbe i numeri positivi dall'array.
var arr = [-2, 5, -10, -12, 7, 15]funzione pos (num)
return num> = 0;
console.registro (arr.filtro (pos));
Il codice sopra crea un array di numeri e quindi viene eseguita una funzione di callback che i filtri restituiscono i numeri che sono maggiori o uguali a zero.
Produzione
L'output mostra che il metodo del filtro ha restituito solo quei numeri che hanno valori maggiori o uguali a zero.
Nota: Si può aggiornare il contenuto dell'array mantenendo solo quei valori che vengono restituiti con il metodo Filter ().
Esempio 3
Il seguente codice pratichi l'uso del metodo Filter () su una serie di stringhe.
VAR STR = ["Linux OS", "Windows OS", "MacOS"]funzione len (num)
restituire num.lunghezza> 5;
console.Log (str.filtro (len));
Il codice sopra crea un array di stringhe e quindi la funzione di callback viene applicata ad esso che otterrebbe la lunghezza di ciascun elemento. Successivamente, la funzione di callback restituirebbe solo quegli elementi di stringa che hanno una lunghezza maggiore di 5.
Produzione
L'output mostra che vengono restituiti solo quegli elementi di stringa che hanno lunghezze superiori a 5.
Conclusione
In JS, gli elementi dell'array possono essere filtrati utilizzando il metodo Filter (). L'ingrediente principale del metodo Filter () è la funzione di callback. Il metodo Filter () è necessario per essere eseguito con la funzione di callback. Questa funzione di callback contiene alcune righe di codice che impostano la condizione che verrebbe utilizzata per filtrare gli elementi di array. Passando a questo post, avresti imparato a filtrare gli elementi di array in JavaScript usando il metodo Filter () insieme a una serie di esempi.