Last active
September 6, 2022 19:20
-
-
Save paulogesualdo/616aa079d39268249777a6871f252ec2 to your computer and use it in GitHub Desktop.
Encontrar dentro de um array de objetos utilizando arrow function
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Considerando um array de objetos (carros) | |
const carros = [ | |
{marca: 'Fiat', modelo: 'Argo'}, | |
{marca: 'Chevrolet', modelo: 'Onix'} | |
]; | |
console.log(carros); | |
// [ | |
// { marca: 'Fiat', modelo: 'Argo' }, | |
// { marca: 'Chevrolet', modelo: 'Onix' } | |
// ] | |
// É possível buscar qual é o carro da marca Fiat | |
// através do método find | |
const carroFiat = carros.find( | |
function buscarCarro(carro){ | |
return carro.marca === 'Fiat'; | |
} | |
); | |
console.log(carroFiat); | |
// { marca: 'Fiat', modelo: 'Argo' } | |
// É possível imprimir diretamente | |
// ao invés de armazenar numa variável | |
console.log( | |
carros.find( | |
function buscarCarro(carro){ | |
return carro.marca === 'Fiat'; | |
} | |
) | |
); | |
// { marca: 'Fiat', modelo: 'Argo' } | |
// Podemos refatorar este código | |
// para deixá-lo mais compacto | |
// O nome da função não é necessário | |
console.log( | |
carros.find( | |
function (carro){ | |
return carro.marca === 'Fiat'; | |
} | |
) | |
); | |
// { marca: 'Fiat', modelo: 'Argo' } | |
// Podemos substituir a palavra 'function' por '=>' | |
// Que é chamado de arrow function | |
console.log( | |
carros.find( | |
(carro) => { | |
return carro.marca === 'Fiat'; | |
} | |
) | |
); | |
// { marca: 'Fiat', modelo: 'Argo' } | |
// Como possui apenas um argumento | |
// podemos retirar os parêntesis | |
console.log( | |
carros.find( | |
carro => { | |
return carro.marca === 'Fiat'; | |
} | |
) | |
); | |
// { marca: 'Fiat', modelo: 'Argo' } | |
// Como buscamos deixar mais compacto, | |
// o argumento pode ser somente uma letra | |
console.log( | |
carros.find( | |
c => { | |
return c.marca === 'Fiat'; | |
} | |
) | |
); | |
// { marca: 'Fiat', modelo: 'Argo' } | |
// Como a única instrução é o return, podemos retirar | |
// a palavra 'return', as chaves e o ponto e virgula | |
console.log( | |
carros.find( | |
c => | |
c.marca === 'Fiat' | |
) | |
); | |
// { marca: 'Fiat', modelo: 'Argo' } | |
// Podemos escrever tudo numa única linha | |
console.log(carros.find(c => c.marca === 'Fiat')); | |
// { marca: 'Fiat', modelo: 'Argo' } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
[ | |
{ marca: 'Fiat', modelo: 'Argo' }, | |
{ marca: 'Chevrolet', modelo: 'Onix' } | |
] | |
{ marca: 'Fiat', modelo: 'Argo' } | |
{ marca: 'Fiat', modelo: 'Argo' } | |
{ marca: 'Fiat', modelo: 'Argo' } | |
{ marca: 'Fiat', modelo: 'Argo' } | |
{ marca: 'Fiat', modelo: 'Argo' } | |
{ marca: 'Fiat', modelo: 'Argo' } | |
{ marca: 'Fiat', modelo: 'Argo' } | |
{ marca: 'Fiat', modelo: 'Argo' } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment