Summary  
The `filter()` method creates a new array containing only those elements from the original array that satisfy a given callback condition, all without modifying the original array.  

General domain of usage  
Filtering data in arrays (e.g., selecting numbers or items based on specific criteria)

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:
```js
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.

const 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`).
```js
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 } ]
```

Qual è una caratteristica chiave del metodo `filter()`?

Nell'esempio seguente, quale condizione dovrebbe essere utilizzata affinché l'array `numbersGreaterThan20` contenga i numeri maggiori di 20?

Impara a lavorare con sicurezza con i dati in JavaScript padroneggiando oggetti e array. Comprendi come creare, accedere e gestire efficacemente proprietà e metodi degli oggetti. Approfondisci tecniche avanzate di manipolazione degli oggetti, inclusa l'iterazione, la clonazione e la destrutturazione per un codice più pulito. Costruisci una solida base nel lavoro con gli array e apprendi come gestire, iterare e modificare gli elementi degli array in modo efficiente. Padroneggia metodi avanzati degli array come map, filter, find e sort per trasformare e gestire i dati efficacemente nelle tue applicazioni.

Ottieni una panoramica chiara di ciò che ti aspetta, comprendi i prerequisiti e apprendi suggerimenti utili per prepararti al successo mentre approfondisci oggetti, array e concetti fondamentali di programmazione.

Esplora i concetti fondamentali degli oggetti JavaScript. Questa sezione tratta i principi base della creazione degli oggetti, della gestione delle proprietà e dell'implementazione dei metodi.

Approfondisci le tecniche avanzate per lavorare con gli oggetti JavaScript. Questa sezione esamina diverse strategie per manipolare e interagire in modo efficiente con gli oggetti.

Intraprendi un percorso all'interno degli array in JavaScript. Questa sezione offre una solida base per la creazione di array, la gestione degli elementi e l'esecuzione delle operazioni di base sugli array.

Padroneggiare le competenze avanzate di manipolazione degli array, coprendo varie tecniche e metodi per gestire gli array in modo efficace in molteplici scenari.

Filtraggio degli Array con il Metodo filter()

filter()

Cosa è necessario sapere sul metodo filter():

Esempi

Esempio 1: Filtrare i numeri dispari

Esempio 2: Filtrare prodotti per fascia di prezzo

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?