DEV Community

FatimaAlam1234
FatimaAlam1234

Posted on • Updated on

Difference between Array -> map(), filter(), reduce()

refer -> https://www.freecodecamp.org/news/javascript-map-reduce-and-filter-explained-with-examples/

map()
Syntax
var new_array = arr.map(function callback(element, index, array) {
// Return value for new_array
}[, thisArg])

filter()
Syntax
var new_array = arr.filter(function callback(element, index, array) {
// Return true or false
}[, thisArg])

reduce()
const numbers = [1, 2, 3, 4];
const sum = numbers.reduce(function (result, item) {
return result + item;
}, 0);
console.log(sum); // 10

Here, 0 is the default value for result variable.

let a = [1,2,3,4,5,6,7,8,9,10];

let sum1 = a.reduce((acc, item)=>{
  return acc+item;
}, 0);

console.log(sum1);
Enter fullscreen mode Exit fullscreen mode

Here is the difference ->

const numbers = [1, 2, 3, 4];
const doubled = numbers.map(item => item >= 2);
const doubled2 = numbers.filter(item => item >= 3);
const doubled3 = numbers.reduce(
(accumulator, item) => accumulator = item>=3,
0,
);
console.log(doubled); // [2, 4, 6, 8]
console.log(doubled2);
console.log(doubled3);

Output->
[false, true, true, true]0: false1: true2: true3: truelength: 4[[Prototype]]: Array(0)
a.js:6 (2) [3, 4]
true

Top comments (0)