Understand map and reduce through visual illustrationssoftware development map reduce functional programming declarative programming
The methods themselves are known by various names in different languages.
These methods take in a function that will be applied to individual elements of the array, enumerable or stream (or list, for simplicity sake). They’d return a new object with the resulting transformation without mutating the original object.
Map is rather straight forward. It creates a new list by transforming each element of the original list using the given function.
In this illustration, the list is transformed using a function that multiples its input by 2.
Reduce works slightly differently. Instead of going through the elements of a list one by one, it picks 2 consecutive elements and combines them into a new element using the given function. Reduce iterates through the elements of the list until it reaches the end and it returns a single final result.
In this example, a list is reduced using a function that sums 2 elements. The result is the sum of all the elements of the original list.
Reduce also accepts another parameter which would act as the starting value prior to applying the function to the elements.