Javascript ECMAScript 2019 - Array.flatMap()

Olá caros leitores,

Exemplo completo no final do post! 

O que veremos neste post: 

Nova feature da versão 2019 do Javascript:

Javascript ECMAScript 2019 - Array.flatMap()

Cenario:

Qualquer desenvolvedor front-end que trabalhe com js, Angular, React, Vue, etc PRECISA acompanhar a evolução da linguagem e as novas features que vem para facilitar nossa vida.

Os ganhos em desempenho, produtividade e código mais limpo são alguns dos benefícios.

As novas features no javascript ajudam e muito à fazer um código mais legível e otimizado e estas novas linguagens utilizam muito destes recursos:

Array.flatMap()

Cria um novo array concatenando os subArrays assim como como o Array.Flat que citei neste artigo aqui e executa o .map do javascript.

Sintaze:

var new_array = arr.flatMap(function callback(currentValue[, index[, array]]) {
    // return element for new_array
}[, thisArg])

Nos exemplos abaixo fica mais claro como usá-lo de forma fácil:

Resultados: