Filtraggio degli Array con il Metodo filter()
Questo capitolo approfondisce le complessità del metodo filter(), chiarendone la sintassi, le applicazioni e come facilita la creazione di array raffinati.
filter()
Il metodo filter() seleziona gli elementi che soddisfano una determinata condizione. Analizziamone la sintassi:
array.filter((element, index, array) => {
// Callback body
});
Cosa è necessario sapere sul metodo filter():
- Non modifica l'array originale;
- Itera sull'array originale elemento per elemento;
- Restituisce un nuovo array;
- Gli elementi vengono aggiunti al nuovo array se soddisfano la condizione della callback;
- Se la callback restituisce true, l'elemento viene incluso; altrimenti viene omesso.
Esempi
La vera potenza del metodo filter() emerge quando viene applicato a diversi scenari. Esaminiamo alcuni esempi illustrativi:
Esempio 1: Filtrare i numeri dispari
In questo esempio, il metodo filter() crea un array (oddNumbers) che contiene solo i numeri dispari dell'array originale.
123456const numbers = [15, 22, 37, 41, 58, 67, 72]; const oddNumbers = numbers.filter((number) => { return number % 2 !== 0; }); console.log(oddNumbers); // Output: 15, 37, 41, 67
Esempio 2: Filtrare prodotti per fascia di prezzo
In questo caso, il metodo filter() viene utilizzato per estrarre i prodotti con un prezzo inferiore a $500, creando un nuovo array (affordableProducts).
const products = [
{ name: "Keyboard", price: 220 },
{ name: "Smartphone", price: 800 },
{ name: "Tablet", price: 500 },
{ name: "Headphones", price: 120 },
{ name: "Camera", price: 1500 },
];
const affordableProducts = products.filter((product) => product.price < 500);
console.log(affordableProducts); // Output: [ { name: "Keyboard", price: 220 }, { name: "Headphones", price: 120 } ]
1. Cosa fa il metodo filter()?
2. Qual è una caratteristica chiave del metodo filter()?
3. Nell'esempio seguente, quale condizione dovrebbe essere utilizzata affinché l'array numbersGreaterThan20 contenga i numeri maggiori di 20?
Grazie per i tuoi commenti!
Chieda ad AI
Chieda ad AI
Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione
Fantastico!
Completion tasso migliorato a 2.27Filtraggio degli Array con il Metodo filter()
Scorri per mostrare il menu
Questo capitolo approfondisce le complessità del metodo filter(), chiarendone la sintassi, le applicazioni e come facilita la creazione di array raffinati.
filter()
Il metodo filter() seleziona gli elementi che soddisfano una determinata condizione. Analizziamone la sintassi:
array.filter((element, index, array) => {
// Callback body
});
Cosa è necessario sapere sul metodo filter():
- Non modifica l'array originale;
- Itera sull'array originale elemento per elemento;
- Restituisce un nuovo array;
- Gli elementi vengono aggiunti al nuovo array se soddisfano la condizione della callback;
- Se la callback restituisce true, l'elemento viene incluso; altrimenti viene omesso.
Esempi
La vera potenza del metodo filter() emerge quando viene applicato a diversi scenari. Esaminiamo alcuni esempi illustrativi:
Esempio 1: Filtrare i numeri dispari
In questo esempio, il metodo filter() crea un array (oddNumbers) che contiene solo i numeri dispari dell'array originale.
123456const numbers = [15, 22, 37, 41, 58, 67, 72]; const oddNumbers = numbers.filter((number) => { return number % 2 !== 0; }); console.log(oddNumbers); // Output: 15, 37, 41, 67
Esempio 2: Filtrare prodotti per fascia di prezzo
In questo caso, il metodo filter() viene utilizzato per estrarre i prodotti con un prezzo inferiore a $500, creando un nuovo array (affordableProducts).
const products = [
{ name: "Keyboard", price: 220 },
{ name: "Smartphone", price: 800 },
{ name: "Tablet", price: 500 },
{ name: "Headphones", price: 120 },
{ name: "Camera", price: 1500 },
];
const affordableProducts = products.filter((product) => product.price < 500);
console.log(affordableProducts); // Output: [ { name: "Keyboard", price: 220 }, { name: "Headphones", price: 120 } ]
1. Cosa fa il metodo filter()?
2. Qual è una caratteristica chiave del metodo filter()?
3. Nell'esempio seguente, quale condizione dovrebbe essere utilizzata affinché l'array numbersGreaterThan20 contenga i numeri maggiori di 20?
Grazie per i tuoi commenti!
