What is the difference between 'map()' and 'filter()' methods in JavaScript?

Question

What I know is both of them execute a function for every element in array and return a new array in response to it(i.e not affect the original array).
So what exactly is the difference between both of them..

https://www.sololearn.com/Discuss/1818527/?ref=app

I referred this question..I know It's for Python.. Well it didn't help me much 😅

Answer 1

$hardul B Check this.Out!😉

• JavaScript’s Filter Function Explained By Applying To College — https://dev.to/kbk0125/javascripts-filter-function-explained-by-applying-to-college-58j0

Answer 2

• map() is key method of an array when it comes to thinking in functional programming terms.

Given an array, we can use map() to create a new array from the initial one, and then filtering the result using filter().

For example,
We creating a new array to get the first letter of each item in the list array, and filters the one that matches A :

const list = [ 'Apple', 'Orange', 'Egg' ] list.map( item => item[0] )
.filter( item => item === 'A' ) // 'A'

Answer 3

• filter() is a very important method of an array.

A good example of using filter() is when you want to remove an item from the array :

const items = [ 'a', 'b', 'c', 'd', 'e', 'f' ]
const valueToRemove = 'c'
const filteredItems = items.filter(
item => item !== valueToRemove ) // [ "a", "b", "d", "e", "f" ]

Answer 4

$hardul B

https://www.sololearn.com/post/131285

Answer 5

$hardul B

You can watch this video tut also

https://youtu.be/rRgD1yVwIvE

Answer 6

$hardul B 😆
[ Simplify your JavaScript: ]👍

Use .map(), .reduce(), and .filter() – https://medium.com/poka-techblog/simplify-your-javascript-use-map-reduce-and-filter-bd02c593cc2d

Answer 7

$hardul B 💪Yeah! 🍻
It's my pleasure friend! 😆

Keep coding!👍

Answer 8

https://youtu.be/rRgD1yVwIvE

See This is helpful Bro

Answer 9

$hardul B 👍
You are very welcome!😊

Answer 10

$hardul B 😄...😃👍🍻

Answer 11

Catch these funny examples🤓

https://medium.com/@js_tut/map-filter-and-reduce-animated-7fe391a35a47

Answer 12

filter() && map() methods are not similar they are too different...

1. Array.prototype.filter.call()

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter

2.Array.prototype.map.call()

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map

Answer 13

An Illustrated (and Musical) Guide to Map, Reduce, and Filter Array Methods

https://css-tricks.com/an-illustrated-and-musical-guide-to-map-reduce-and-filter-array-methods/

Answer 14

By - Charan Leo25ㅤㅤㅤㅤㅤㅤㅤㅤ it is a respect for response as an acknowledgement...

Answer 15

Thank you 4rontender

Answer 16

Thank you for answering Danijel Ivanović
ᐺ ! ᖇ † ᒪ

Answer 17

That's really useful Danijel Ivanović

😃😃

Answer 18

filter() function manipulates tha same list as per the condition while map() returns a new list as per the condition

Answer 19

By - Charan Leo25ㅤㅤㅤㅤㅤㅤㅤㅤ
this is his choice and his way as this is his thread... please let's stay relevant to topic as he seeks the differences between filters() as garbage in garbage out and map() a clear course for him to follow.

Answer 20

OK will have a look at it... 😅 Thanks Shubham Verma