Использование метода filter для фильтрации массива в JavaScript

Использование метода filter в JavaScript

Метод filter в JavaScript используется для фильтрации элементов массива на основе определенного условия и создания нового массива с отфильтрованными элементами. Он принимает функцию обратного вызова (коллбэк) в качестве аргумента, которая выполняется для каждого элемента массива. Если результат выполнения этой функции возвращает true, элемент включается в новый массив. Если функция возвращает false, элемент не включается.

Пример использования метода filter:

const numbers = [1, 2, 3, 4, 5, 6];
const evenNumbers = numbers.filter(number => number % 2 === 0);

console.log(evenNumbers);
// Результат: [2, 4, 6]

В данном примере мы создали массив numbers, содержащий числа от 1 до 6. Затем мы использовали метод filter для создания нового массива evenNumbers, в котором оставлены только четные числа из исходного массива numbers. Коллбэк функция (number => number % 2 === 0) выполняется для каждого элемента массива и возвращает true, если число является четным, и false в противном случае. Элементы, для которых функция возвращает true, включаются в результирующий массив evenNumbers.

Также, метод filter может быть использован для удаления элементов по определенному условию:

const fruits = ['apple', 'banana', 'cherry', 'orange'];
const filteredFruits = fruits.filter(fruit => fruit !== 'cherry');

console.log(filteredFruits);
// Результат: ['apple', 'banana', 'orange']

В этом примере мы создали массив fruits, содержащий названия различных фруктов. С использованием метода filter и функции (fruit => fruit !== 'cherry'), мы создали новый массив filteredFruits, в котором исключен элемент с названием 'cherry'. Функция возвращает true для всех элементов, кроме 'cherry', и эти элементы включаются в результирующий массив.

Метод filter также может использоваться с объектами:

const tasks = [
  { id: 1, title: 'Task 1', completed: false },
  { id: 2, title: 'Task 2', completed: true },
  { id: 3, title: 'Task 3', completed: false }
];

const incompleteTasks = tasks.filter(task => !task.completed);

console.log(incompleteTasks);
/* Результат:
[
  { id: 1, title: 'Task 1', completed: false },
  { id: 3, title: 'Task 3', completed: false }
]
*/

В этом примере у нас есть массив объектов tasks, представляющий задачи с разными свойствами, включая completed, которое указывает на завершенность задачи. Используя метод filter и функцию (task => !task.completed), мы создали новый массив incompleteTasks, в котором содержатся только незавершенные задачи (у которых значение completed является false).

Метод filter в JavaScript обеспечивает удобный способ фильтрации элементов массива на основе определенного условия и создания нового массива с отфильтрованными элементами. Он может быть использован с различными типами данных, включая числа, строки и объекты, и предоставляет гибкость в определении правил фильтрации с помощью функций обратного вызова.

Надеюсь, этот ответ был полезен и понятен! Если у вас возникнут дополнительные вопросы, я с радостью на них отвечу.