Filtrering 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.
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
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?
Takk for tilbakemeldingene dine!
Spør AI
Spør AI
Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår
Awesome!
Completion rate improved to 2.27Filtrering 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.
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
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?
Takk for tilbakemeldingene dine!
