Encontrar o maior ou o menor valor de um array javascript

Este post apresenta uma dica de como encontrar o maior ou o menor valor de um array usando a linguagem JavaScript

Wolmir Cezer Garbin por Wolmir Cezer Garbin - - Front-end - DICA

Última atualização em: | 18107 Visualizações

Você pode encontrar o maior valor de um array em javascript de diferentes formas. Não tenho como objetivo demonstrar todas as formas possíveis, mas sim, a forma que acredito ser a melhor e mais simples.

Nesta dica, vou deixar dois exemplos, o primeiro usando um array com valores inteiros. No segundo, mostrarei usando um array de objeto.

Dica: Você pode executar todos estes exemplos diretamente no console do seu navegado.

Encontrar o maior valor de um array de números em Javasctipt

Neste primeiro exemplo, utilizaremos o seguinte array:

const values = [1,5,3,10,4,6];

Logo em seguida, pode utilizar o seguinte código - usando reduce:

const maxValue = values.reduce(function(prev, current) { 
	return prev > current ? prev : current; 
});

Verificando em seguida o valor em maxValue:

console.log(maxValue);

Temos como resultado o seguinte valor: 10.



Encontrar o menor valor de um array de inteiros em javascript

Aplicando uma pequena alteração, pode obter o menor valor de um array, veja:

const minValue = values.reduce(function(prev, current) { 
	return prev < current ? prev : current; 
});

Verificando o valor:

console.log(minValue)

Temos o seguinte valor: 1.

Encontrar o maior valor de um array de objetos em Javasctipt

Para isso, usaremos como exemplo o seguinte array:

const values = [
  {
    'id': 10,
    'name': 'Cena',
    'age': 31
  },
  {
    'id': 5,
    'name': 'Will',
    'age': 38
  }
];

Considerando este array de objetos, usando o método reduce vamos obter o registro que tem o maior valor no campo age (maior idade). Para isso utilizaremos o seguinte código:

const maxAge = values.reduce(function(prev, current) { 
	return prev.age > current.age ? prev : current; 
});

Verificando a saída:

console.log(maxAge);

Temos o seguinte resultado: {id: 5, name: 'Will', age: 38}.

Dica: Pratique variações e tente obter a menor idade ;)

Espero ter ajudado com esta dica!

Não esqueca de deixar suas dúvidas nos comentários e compartilhar este post.


Publique seu post no Receitas de Código

Aguarde, estamos trabalhando para que você possa publicar sua postagem no Receitas de Código!