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
Awesome!
Completion rate improved to 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!
