Trabalhando com array no javascript ES6 +

javascript es6

No EcmaScript 6 (ES6) é uma especificação de linguagem da javascript e a partir de 2015 foram introduzidas 4 funções muito úteis: map, reduce, filter e find. Todas essa funções percorrem o array passados uma função anônima com a diferença da funcionalidade do parâmetro.
Nesse post explicaremos exemplificando:

Declaramos o array como constante para utilizarmos como exemplo.

//Array javascript
const array = [2,5,6,7]

O map tem como parâmetros o item e opcionalmente o índice.

const newMapArray = array.map(function(item){ 
 return item+1; 
});

console.log(newMapArray);
//resultado: [ 3, 6, 7, 8 ]

const newMapIndiceArray = array.map(function(item, indice){ 
 return item+ indice; 
});

console.log(newMapIndiceArray);
//resultado: [ 2, 6, 8, 10 ]

O reduce tem como parâmetros o retorno da função e o próximo item.

const newReduceArray = array.map(function(total, next){ 
	return total + next;
});
console.log(newReduceArray);
//resultado: 20

O filter tem como parâmetro o item e o retorno do exemplo serão todos números pares:

const newFilterArray = array.filter(function(item){ 
	return item % 2 === 0;
});
console.log(newFilterArray);

//resultado: [ 2, 6 ]

O find tem como parâmetro o item e o retorno será um único item de acordo com a condição da função.

const newFindArray = array.find(function(item){ 
	return item === 2;
});
console.log(newFindArray);

//resultado: 2

Eu particularmente gostei muito dessas novas funcionalidades do ES6. Você pode ver exemplos de todas funções para se trabalhar com array no site Developer Mozilla. Não se esqueça de conferir todos nossos posts sobre Javascript.

Be the first to comment

Leave a Reply

Seu e-mail não será publicado.


*