A função map() no javascript retorna um novo array com valores modificados através da iteração destes com a ajuda de uma função callback.

Seu funcionamento é bastante simples, vamos imaginar que temos o seguinte array:

const numeros = [1, 3, 7, 12, 40]

Se a gente quisesse fazer um calculo com esse valores antes, teríamos algo parecido com isso:

const numeros = [1, 3, 7, 12, 40]
const numerosCalculados = []

for (let i = 0; i < numeros.length; i++) {
  numerosCalculados.push(numeros[i] * 2)
}

console.log(numerosCalculados) // [2, 6, 14, 24, 80]

Já com a função map() podemos aplicar o calculo dessa forma:

const numeros = [1, 3, 7, 12, 40]
const numerosCalculados = numeros.map(numero => numero * 2)

console.log(numerosCalculados) // [2, 6, 14, 24, 80]