Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Lære Filtrering av Arrayer med Filter()-Metoden | Avanserte Array-metoder og Transformasjoner
Javascript Datastrukturer

bookFiltrering av Arrayer med Filter()-Metoden

Dette kapittelet går i dybden på detaljene ved filter()-metoden, og forklarer dens syntaks, bruksområder og hvordan den muliggjør opprettelse av raffinerte matriser.

filter()

Metoden filter() velger elementer som oppfyller en bestemt betingelse. La oss se nærmere på syntaksen:

array.filter((element, index, array) => {
  // Callback body
});

Viktige punkter om filter()-metoden:

  • Den endrer ikke den opprinnelige matrisen;
  • Den itererer over den opprinnelige matrisen element for element;
  • Den returnerer en ny matrise;
  • Elementer legges til i den nye matrisen hvis de oppfyller callback-betingelsen;
  • Hvis callback returnerer true, inkluderes elementet; ellers utelates det.

Eksempler

Den virkelige styrken til filter()-metoden blir tydelig når den brukes i ulike scenarier. La oss se nærmere på noen illustrative eksempler:

Eksempel 1: Filtrering av oddetall

I dette eksemplet oppretter filter()-metoden et array (oddNumbers) som kun inneholder oddetall fra det opprinnelige arrayet.


              
123456

            
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
copy

Eksempel 2: Filtrering av produkter etter prisklasse

Her brukes filter()-metoden for å hente ut produkter med priser under $500, og oppretter et nytt 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. Hva gjør filter()-metoden?

2. Hva er en sentral egenskap ved filter()-metoden?

3. I eksempelet nedenfor, hva bør betingelsen være slik at numbersGreaterThan20-arrayen inneholder tall større enn 20?

question mark

Hva gjør filter()-metoden?

Select the correct answer

question mark

Hva er en sentral egenskap ved filter()-metoden?

Select the correct answer

question mark

I eksempelet nedenfor, hva bør betingelsen være slik at numbersGreaterThan20-arrayen inneholder tall større enn 20?

Select the correct answer

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 5. Kapittel 3

Spør AI

expand

Spør AI

ChatGPT

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Suggested prompts:

Can you explain how the filter() method differs from the map() method?

Can you show more examples of using filter() with different data types?

What happens if no elements satisfy the filter condition?

Awesome!

Completion rate improved to 2.27

bookFiltrering av Arrayer med Filter()-Metoden

Sveip for å vise menyen

Dette kapittelet går i dybden på detaljene ved filter()-metoden, og forklarer dens syntaks, bruksområder og hvordan den muliggjør opprettelse av raffinerte matriser.

filter()

Metoden filter() velger elementer som oppfyller en bestemt betingelse. La oss se nærmere på syntaksen:

array.filter((element, index, array) => {
  // Callback body
});

Viktige punkter om filter()-metoden:

  • Den endrer ikke den opprinnelige matrisen;
  • Den itererer over den opprinnelige matrisen element for element;
  • Den returnerer en ny matrise;
  • Elementer legges til i den nye matrisen hvis de oppfyller callback-betingelsen;
  • Hvis callback returnerer true, inkluderes elementet; ellers utelates det.

Eksempler

Den virkelige styrken til filter()-metoden blir tydelig når den brukes i ulike scenarier. La oss se nærmere på noen illustrative eksempler:

Eksempel 1: Filtrering av oddetall

I dette eksemplet oppretter filter()-metoden et array (oddNumbers) som kun inneholder oddetall fra det opprinnelige arrayet.


              
123456

            
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
copy

Eksempel 2: Filtrering av produkter etter prisklasse

Her brukes filter()-metoden for å hente ut produkter med priser under $500, og oppretter et nytt 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. Hva gjør filter()-metoden?

2. Hva er en sentral egenskap ved filter()-metoden?

3. I eksempelet nedenfor, hva bør betingelsen være slik at numbersGreaterThan20-arrayen inneholder tall større enn 20?

question mark

Hva gjør filter()-metoden?

Select the correct answer

question mark

Hva er en sentral egenskap ved filter()-metoden?

Select the correct answer

question mark

I eksempelet nedenfor, hva bør betingelsen være slik at numbersGreaterThan20-arrayen inneholder tall større enn 20?

Select the correct answer

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 5. Kapittel 3
some-alt