Como usar array filter com arrow functions em Javascript

As arrow functions () => {} foram introduzidas no ES6. E nada mais são do que uma alternativa sintaticamente compacta a uma expressão de função regular.

Antes da introdução das arrows functions, nós só tínhamos uma única maneira de escrever funções. Eu acredito que as arrow functions são mais fáceis de ler e entender para certos casos, como o exemplo abaixo.

Vale lembrar que, se a função tem apenas uma condição, e a condição retorna um valor, você pode remover as {} e a palavra-chave return.

Função javascript tradicional:

const arrayOriginal = [1, 2, 3, 4];

function filtrarNumero(number) {
    return number >= 3;
}

let novoArray = arrayOriginal.filter(filtrarNumero);
console.log(novoArray); // [ 3, 4 ]

Simplificando usando Arrow function:

const arrayOriginal = [1, 2, 3, 4];
const novoArray = arrayOriginal.filter(numero => numero >= 3);

console.log(novoArray); //[ 3, 4 ]

0 Comments