How to iterate over an array using the map method with a condition?

Question

JavaScript

I iterate over the array and display the component based on it:

tasks.map((task) => (
   <Task
        key={task.ID}
        task={task}
    />
))

How can I set a condition, for example task.EX == 5, and so that only such array elements get into mine?

Answer 1

First filter the array and then map:

tasks.filter(task => task.EX === 5).map(task => (
   <Task key={task.ID} task={task} />
))