Фільтрація Масивів за Допомогою Методу Filter()
У цьому розділі розглядаються особливості методу filter(), пояснюється його синтаксис, сфери застосування та те, як він допомагає створювати відфільтровані масиви.
filter()
Метод filter() обирає елементи, які відповідають певній умові. Розглянемо синтаксис:
array.filter((element, index, array) => {
// Callback body
});
Основні відомості про метод filter():
- Не змінює вихідний масив;
- Перебирає вихідний масив поелементно;
- Повертає новий масив;
- Елементи додаються до нового масиву, якщо задовольняють умову зворотного виклику;
- Якщо зворотний виклик повертає true, елемент включається; інакше — пропускається.
Приклади
Справжня ефективність методу filter() розкривається у різноманітних сценаріях. Розглянемо кілька показових прикладів:
Приклад 1: Фільтрація непарних чисел
У цьому прикладі метод filter() створює масив (oddNumbers), що містить лише непарні числа з початкового масиву.
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
Приклад 2: Фільтрація товарів за ціновим діапазоном
Тут метод filter() використовується для отримання товарів із ціною нижче $500, створюючи новий масив (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. Що робить метод filter()?
2. Яка ключова характеристика методу filter()?
3. У наведеному нижче прикладі яку умову слід використати, щоб масив numbersGreaterThan20 містив числа, більші за 20?
Дякуємо за ваш відгук!
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
Awesome!
Completion rate improved to 2.27Фільтрація Масивів за Допомогою Методу Filter()
Свайпніть щоб показати меню
У цьому розділі розглядаються особливості методу filter(), пояснюється його синтаксис, сфери застосування та те, як він допомагає створювати відфільтровані масиви.
filter()
Метод filter() обирає елементи, які відповідають певній умові. Розглянемо синтаксис:
array.filter((element, index, array) => {
// Callback body
});
Основні відомості про метод filter():
- Не змінює вихідний масив;
- Перебирає вихідний масив поелементно;
- Повертає новий масив;
- Елементи додаються до нового масиву, якщо задовольняють умову зворотного виклику;
- Якщо зворотний виклик повертає true, елемент включається; інакше — пропускається.
Приклади
Справжня ефективність методу filter() розкривається у різноманітних сценаріях. Розглянемо кілька показових прикладів:
Приклад 1: Фільтрація непарних чисел
У цьому прикладі метод filter() створює масив (oddNumbers), що містить лише непарні числа з початкового масиву.
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
Приклад 2: Фільтрація товарів за ціновим діапазоном
Тут метод filter() використовується для отримання товарів із ціною нижче $500, створюючи новий масив (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. Що робить метод filter()?
2. Яка ключова характеристика методу filter()?
3. У наведеному нижче прикладі яку умову слід використати, щоб масив numbersGreaterThan20 містив числа, більші за 20?
Дякуємо за ваш відгук!
