How to Filter Elements of an Array based on a Condition in JavaScript - Step by Step Examples



How to Filter Elements of an Array based on a Condition in JavaScript ?

Answer

To filter elements of an array based on a condition in JavaScript, you can use the filter method.



✐ Examples

1 Filter Even Numbers

In this example,

  1. We have an array named numbers containing integers.
  2. We use the filter method with a callback function to filter out even numbers.
  3. We print the filtered array to demonstrate the filtering.

JavaScript Program

const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const evenNumbers = numbers.filter(num => num % 2 === 0);
console.log('Even Numbers:', evenNumbers);

Output

Even Numbers: [ 2, 4, 6, 8, 10 ]

2 Filter Strings by Length

In this example,

  1. We have an array named words containing strings.
  2. We use the filter method with a callback function to filter strings by their length.
  3. We print the filtered array to demonstrate the filtering.

JavaScript Program

const words = ['apple', 'banana', 'cherry', 'date', 'fig'];
const filteredWords = words.filter(word => word.length > 5);
console.log('Filtered Words:', filteredWords);

Output

Filtered Words: [ 'banana', 'cherry' ]

Summary

In this tutorial, we learned How to Filter Elements of an Array based on a Condition in JavaScript language with well detailed examples.




More JavaScript Arrays Tutorials

  1. How to Declare an Array in JavaScript ?
  2. How to Initialize an Array in JavaScript ?
  3. How to Access Array Elements in JavaScript ?
  4. How to Access Array Elements using Index in JavaScript ?
  5. How to get First Element in Array in JavaScript ?
  6. How to get Last Element in Array in JavaScript ?
  7. How to check if an Array is Empty in JavaScript ?
  8. How to check if an Array is Not Empty in JavaScript ?
  9. How to get Sub Array in JavaScript ?
  10. How to Get Array Length in JavaScript ?
  11. How to Iterate Over an Array in JavaScript ?
  12. How to Iterate Over an Array in Reverse Order in JavaScript ?
  13. How to get the Index of Specified Element in an Array in JavaScript ?
  14. How to check if Specified Element is present in the Array in JavaScript ?
  15. How to count the Number of Occurrences of Specified Element in the Array in JavaScript ?
  16. How to Sort an Array in JavaScript ?
  17. How to Sort an Array in Ascending Order in JavaScript ?
  18. How to Sort an Array in Descending Order in JavaScript ?
  19. How to create a Two Dimensional Array in JavaScript ?
  20. How to Iterate over a Two Dimensional Array in JavaScript ?
  21. How to create a Three Dimensional Array in JavaScript ?
  22. How to Copy an Array in JavaScript ?
  23. How to Split an Array in JavaScript ?
  24. How to Join Arrays in JavaScript ?
  25. How to check if Two Arrays are Equal in JavaScript ?
  26. How to check if Two Arrays have Same Elements (Regardless of Order) in JavaScript ?
  27. How to Convert an Array of Integers to an Array of Strings in JavaScript ?
  28. How to Convert an Array of Strings to an Array of Integers in JavaScript ?
  29. How to Reverse an Array in JavaScript ?
  30. How to Shuffle an Array in JavaScript ?
  31. How to Rotate Elements in an Array in JavaScript ?
  32. How to Filter Elements of an Array based on a Condition in JavaScript ?
  33. How to Declare an Integer Array in JavaScript ?
  34. How to Declare a Float Array in JavaScript ?
  35. How to Declare a String Array in JavaScript ?
  36. How to Remove Duplicates in an Array in JavaScript ?
  37. How to Remove Specific Element from an Array in JavaScript ?
  38. How to Remove Element from Array based on a Condition in JavaScript ?
  39. How to Sort a String Array in Dictionary Order in JavaScript ?
  40. How to Concatenate Strings in Array in JavaScript ?