Filtrering av Arrayer med Filter()-Metoden
Detta kapitel fördjupar sig i detaljerna kring metoden filter(), förklarar dess syntax, användningsområden och hur den möjliggör skapandet av förfinade arrayer.
filter()
Metoden filter() väljer ut element som uppfyller ett visst villkor. Här är syntaxen:
array.filter((element, index, array) => {
// Callback body
});
Viktiga aspekter av filter()-metoden:
- Den ändrar inte den ursprungliga arrayen;
- Den itererar över den ursprungliga arrayen element för element;
- Den returnerar en ny array;
- Element läggs till i den nya arrayen om de uppfyller callback-villkoret;
- Om callbacken returnerar true inkluderas elementet, annars utelämnas det.
Exempel
Den verkliga styrkan hos metoden filter() blir tydlig när den används i olika sammanhang. Låt oss titta på några illustrativa exempel:
Exempel 1: Filtrera udda tal
I detta exempel skapar metoden filter() en array (oddNumbers) som endast innehåller udda tal från den ursprungliga arrayen.
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
Exempel 2: Filtrera produkter efter prisklass
Här används metoden filter() för att extrahera produkter med priser under $500, vilket skapar en ny 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. Vad gör metoden filter()?
2. Vad är en nyckeleigenskap hos metoden filter()?
3. I exemplet nedan, vilken villkor ska användas så att arrayen numbersGreaterThan20 innehåller tal större än 20?
Tack för dina kommentarer!
Fråga AI
Fråga AI
Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal
Awesome!
Completion rate improved to 2.27Filtrering av Arrayer med Filter()-Metoden
Svep för att visa menyn
Detta kapitel fördjupar sig i detaljerna kring metoden filter(), förklarar dess syntax, användningsområden och hur den möjliggör skapandet av förfinade arrayer.
filter()
Metoden filter() väljer ut element som uppfyller ett visst villkor. Här är syntaxen:
array.filter((element, index, array) => {
// Callback body
});
Viktiga aspekter av filter()-metoden:
- Den ändrar inte den ursprungliga arrayen;
- Den itererar över den ursprungliga arrayen element för element;
- Den returnerar en ny array;
- Element läggs till i den nya arrayen om de uppfyller callback-villkoret;
- Om callbacken returnerar true inkluderas elementet, annars utelämnas det.
Exempel
Den verkliga styrkan hos metoden filter() blir tydlig när den används i olika sammanhang. Låt oss titta på några illustrativa exempel:
Exempel 1: Filtrera udda tal
I detta exempel skapar metoden filter() en array (oddNumbers) som endast innehåller udda tal från den ursprungliga arrayen.
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
Exempel 2: Filtrera produkter efter prisklass
Här används metoden filter() för att extrahera produkter med priser under $500, vilket skapar en ny 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. Vad gör metoden filter()?
2. Vad är en nyckeleigenskap hos metoden filter()?
3. I exemplet nedan, vilken villkor ska användas så att arrayen numbersGreaterThan20 innehåller tal större än 20?
Tack för dina kommentarer!
