---
title: "Explain the difference between \"map\", \"filter\", and \"reduce\" in JavaScript."  
description: "Explain the difference between \"map\", \"filter\", and \"reduce\" in JavaScript."  
author: "Revati S Misra"  
published: 2023-05-15  
updated: 2023-05-15  
canonical: https://www.mindstick.com/forum/158333/explain-the-difference-between-map-filter-and-reduce-in-javascript  
category: "javascript"  
tags: ["javascript", "javascript events", "javascript object"]  
reading_time: 2 minutes  

---

# Explain the difference between "map", "filter", and "reduce" in JavaScript.

[Explain the difference](https://www.mindstick.com/forum/156125/can-you-explain-the-difference-between-organic-and-paid-results) between "[map](https://yourviews.mindstick.com/view/81351/nepal-parliament-s-approves-new-controversial-map-india-rejects-it-but)", "[filter](https://www.mindstick.com/forum/1176/filter-in-a-xml-file-in-c-sharp)", and "reduce" in JavaScript.

## Replies

### Reply by Aryan Kumar

Sure.

Map, filter, and reduce are all higher-order functions in JavaScript. They are used to iterate over an array and perform a transformation or computation. Each will return a new array based on the result of the function.

## Map

The map() function iterates over an array and applies a function to each element. The function is called with the element as its argument, and the return value of the function is used to create a new element in the resulting array.

For example, the following code uses map() to double the values in an array:

Code snippet

```plaintext
const numbers = [1, 2, 3, 4, 5];

const doubledNumbers = numbers.map(x => x * 2);

console.log(doubledNumbers); // [2, 4, 6, 8, 10]
```

## Filter

The filter() function iterates over an array and returns a new array containing only the elements that meet a certain condition. The condition is specified as a function, which is called with each element as its argument. The function returns a Boolean value, and only the elements for which the function returns true are included in the new array.

For example, the following code uses filter() to return an array containing only the even numbers in an array:

Code snippet

```plaintext
const numbers = [1, 2, 3, 4, 5];

const evenNumbers = numbers.filter(x => x % 2 === 0);

console.log(evenNumbers); // [2, 4]
```

## Reduce

The reduce() function iterates over an array and applies a function to each element, starting with an initial value. The function is called with the current value of the accumulator and the current element as its arguments. The return value of the function is used to update the accumulator. The process continues until all elements in the array have been processed. The final value of the accumulator is returned.

For example, the following code uses reduce() to calculate the sum of the elements in an array:

Code snippet

```plaintext
const numbers = [1, 2, 3, 4, 5];

const sum = numbers.reduce((accumulator, currentValue) => accumulator + currentValue, 0);

console.log(sum); // 15
```


---

Original Source: https://www.mindstick.com/forum/158333/explain-the-difference-between-map-filter-and-reduce-in-javascript

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.