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)

Tässä luvussa perehdytään `filter()`-menetelmän yksityiskohtiin, selvennetään sen syntaksia, käyttötarkoituksia ja sitä, miten se mahdollistaa tarkennettujen taulukoiden luomisen.

## filter()
`filter()`-menetelmä valitsee alkiot, jotka täyttävät tietyn ehdon. Tarkastellaan syntaksia:
```js
array.filter((element, index, array) => {
  // Callback body
});
```

### Tärkeimmät asiat filter()-menetelmästä:
- Ei muuta alkuperäistä taulukkoa;
- Käy alkuperäisen taulukon läpi alkio kerrallaan;
- Palauttaa uuden taulukon;
- Alkiot lisätään uuteen taulukkoon, jos ne täyttävät callback-ehdon;
- Jos callback palauttaa true, alkio sisällytetään; muuten se jätetään pois.


## Esimerkit
`filter()`-menetelmän todellinen tehokkuus tulee esiin, kun sitä sovelletaan erilaisiin tilanteisiin. Tarkastellaan muutamia havainnollistavia esimerkkejä:

### Esimerkki 1: Parittomien lukujen suodatus
Tässä esimerkissä `filter()`-menetelmä luo taulukon (`oddNumbers`), joka sisältää alkuperäisestä taulukosta vain parittomat luvut.

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

### Esimerkki 2: Tuotteiden suodattaminen hintahaarukan perusteella
Tässä `filter()`-metodia käytetään poimimaan tuotteet, joiden hinta on alle 500 dollarin, ja luomaan uusi taulukko (`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 } ]
```

Mikä on `filter()`-metodin keskeinen ominaisuus?

Alla olevassa esimerkissä, mikä ehto tulisi asettaa, jotta `numbersGreaterThan20`-taulukko sisältäisi luvut, jotka ovat suurempia kuin 20?

Opi käsittelemään dataa JavaScriptissä hallitsemalla oliot ja taulukot. Ymmärrä, kuinka luoda, käyttää ja hallita olioiden ominaisuuksia ja metodeja tehokkaasti. Syvenny edistyneisiin olion käsittelytekniikoihin, kuten iteraatioon, kloonaukseen ja hajauttamiseen selkeämmän koodin saavuttamiseksi. Rakenna vahva perusta taulukoiden käsittelyyn ja opi hallitsemaan, iteroimaan ja muokkaamaan taulukon alkioita tehokkaasti. Hallitse edistyneet taulukkometodit, kuten map, filter, find ja sort, datan muuntamiseen ja käsittelyyn sovelluksissasi.

Saat selkeän yleiskuvan tulevasta sisällöstä, ymmärrät ennakkovaatimukset ja opit hyödyllisiä vinkkejä, jotka auttavat sinua menestymään perehtyessäsi olioihin, taulukoihin ja keskeisiin ohjelmointikäsitteisiin.

Tutustu JavaScript-olioiden ydinkäsitteisiin. Tämä osio kattaa olioiden luomisen perusteet, ominaisuuksien hallinnan ja metodien toteutuksen.

Syvenny edistyneisiin tekniikoihin JavaScript-olioiden käsittelyssä. Tässä osiossa tarkastellaan erilaisia strategioita olioiden tehokkaaseen muokkaamiseen ja käsittelyyn.

Aloita matka JavaScript-taulukoiden pariin. Tämä osio tarjoaa vankan perustan taulukoiden luomiseen, alkioiden hallintaan ja perustoimintojen suorittamiseen taulukoilla.

Hallitse edistyneet taulukon käsittelytaidot, kattaen erilaiset tekniikat ja menetelmät taulukoiden tehokkaaseen käsittelyyn useissa tilanteissa.

Taulukoiden Suodattaminen Filter()-Metodilla

filter()

Tärkeimmät asiat filter()-menetelmästä:

Esimerkit

Esimerkki 1: Parittomien lukujen suodatus

Esimerkki 2: Tuotteiden suodattaminen hintahaarukan perusteella

1. Mitä `filter()`-metodi tekee?

2. Mikä on `filter()`-metodin keskeinen ominaisuus?

3. Alla olevassa esimerkissä, mikä ehto tulisi asettaa, jotta `numbersGreaterThan20`-taulukko sisältäisi luvut, jotka ovat suurempia kuin 20?