Cual es la diferencia entre filter y map? No me queda claro

En resumen

nos regresa un nuevo array con los objetos que cumplan la condición y nos regresa un nuevo array con los elementos modificados. que ayamos cambiado con la función que le ponemos como paramento a

es un método que crea un nuevo arreglo con los elementos de cierto arreglo que cumplen una condición. Por ejemplo, obtener los números pares de un arreglo:

let arreglo1 = [1, 2, 3, 4, 5, 6]
let pares = arreglo1.filter(function(num) {
	return num % 2 == 0})
console.log(pares)
>>> [2, 4, 6]

es un método que crea un nuevo arreglo a partir de otro arreglo con el resultado de la función que se ejecuta a cada uno de sus elementos. Por ejemplo, obtener el cuadrado de los números del 1 al 5:

let arreglo = [1, 2, 3, 4, 5]
let cuadrados = arreglo.map(function(num) {
	return num ** 2 })

console.log(cuadrados)
>>> [1, 4, 9, 16 , 25]

Ambos métodos no modifican el arreglo original.

https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Objetos_globales/Array/filter https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Objetos_globales/Array/map