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



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

Answer

To filter elements of an array based on a condition in TypeScript, 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.

TypeScript Program

const numbers: number[] = [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.

TypeScript Program

const words: string[] = ['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 TypeScript language with well detailed examples.




More TypeScript Arrays Tutorials

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