Ordenar elementos de um array em JavaScript. Dica 13

A dica anterior foi de if e else pois aprendi a ordenar em ordem decrescente os elementos de um array utilizando if e else. Existe outro modo também utilizando uma função. Mas aqui nós ordenaremos os elementos de um array apenas utilizando métodos.

Antes de darmos continuidade a seguir você confere o código fonte HTML inicial para conferir do seu pc/note esta dica.

<!DOCTYPE html>
<html>
    <head>
        <title>Array parte 7</title>
        <meta charset="UTF-8">
    </head>
    <body>
        <h1>Array parte 7</h1>
        <script src="array7.js"></script>
    </body>
</html>

A seguir crie um documento chamado array7.js e as dicas a seguir são para serem escritas nele.

E agora o código fonte do .js inicial, onde temos dois arrays, um apenas de números e outro de strings.

Já utilizando um document.write para mostrar nossos arrays em nosso navegador. Alias, você pode substituir document.write por um simples alert, mas, prefiro utilizar o document.write para o vídeo ter menos edição.

Método sort em JavaScript

Caso eu queira ordenar em ordem crescente os elementos de um array eu utilizo o método sort.

arrayEx1.sort();

Pronto, nosso array, podendo ser de números ou strings estará ordenado, coisa simples.

Mas e se eu quiser ordenar em ordem decrescente?

Pois bem, para isso basta declararmos o método reverse logo após a declaração do método sort.

arrayEx2.sort();
arrayEx2.reverse();

Assim qualquer array em JavaScript estará ordenado em ordem decrescente, seja ele de números ou strings.

Caso você não sabia disso, vale a pena conferir o vídeo.

Assista ao vídeo:

Código fonte JavaScript (completo)

var arrayEx1 = new Array(3,4,5,0,1,2,6,7);
document.write("<h1>Array 1: "+arrayEx1+"</h1>");

var arrayEx2 = new Array("teste","io-io","aonde","zpop");
document.write("<h1>Array 2: "+arrayEx2+"</h1>");

arrayEx1.sort();
arrayEx1.reverse();
document.write("<h1>Array 1: "+arrayEx1+"</h1>");

arrayEx2.sort();
arrayEx2.reverse();
document.write("<h1>Array 2: "+arrayEx2+"</h1>");

Dica

Crie arrays com números e strings, ordene seguidamente sempre utilizando document.write para conferir qual é o resultado. Caso não entendeu o que quis dizer, é só seguir a lógica dos exemplos do vídeo desta dica.

Espero que esta dica tenha sido útil.

Se estiver utilizando bloqueador de propaganda, por favor, coloque este site na lista branca (isto sempre será apenas um pedido). Obrigado pela escolha.