JavaScript map(), filter(), and reduce() Explained with Simple Examples

map(), filter(), reduce() in JavaScript Explained with Examples JavaScript provides powerful array methods that help developers write clean, readable, and efficient code. Among them, map(), filter(), and reduce() are the most commonly used methods in modern JavaScript development. These methods are widely used in frameworks like Angular, React, and Vue to manipulate and transform data. In this article, we’ll explore map(), filter(), and reduce() with simple examples. 1. map() – Transform Array Elements The map() method creates a new array by applying a function to each element of the original array. It does not modify the original array. Example const numbers = [ 1 , 2 , 3 , 4 , 5 ] const result = numbers . map ( n => n * 2 ); console . log ( result ); Output: [2, 4, 6, 8, 10] Real-World Example const users = [ { name : ' Bala ' }, { name : ' Rohit ' }, { name : ' Vicky ' } ] const result = users . map ( n => n . name ); console . log ( result ); Output: ['Bala', 'Rohit', 'Vicky'] map(