Remover elemento no inicio ou fim de um array em JavaScripit. Dica 10

Nesta dica vemos os métodos pop e shift.

Quando quisermos, ou melhor, quando precisarmos remover/excluir o ultimo ou primeiro elemento de um array em JavaScript utilizamos os métodos pop ou shift.

Método shift();

O método shift é utilizado quando queremos excluir o primeiro elemento de um array em JavaScript.

Por uma questão de ordem a seguir vemos o código fonte do documento HTML necessário para realizar esta dica.

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

A seguir vemos o arquivo .js inicial, onde já criamos um array com o nome de array5 e utilizamos um document.write para mostra-lo em nosso navegador (pelo documento HTML). E como já vimos em dicas anteriores utilizamos o método join para substituir as vírgulas por espaço e, outro document.write para mostrar essa nova variável que, mostra todos os elementos do nosso array só que, separados por espaço e não por vírgula, faço isso só para ficar mais "bonitinho".

var array5 = new Array("Em","Busca","do","Código");
document.write("<h1>Array original: "+array5+"</h1>");

var subvir = array5.join(" ");
document.write("<h1>Com join: "+ subvir + "</h1>");

Agora sim podemos utilizar o método shift para remover o primeiro elemento do array.

document.write("<h1></br>NO INICIO shift()</h1>");
array5.shift();
var subvir = array5.join(" ");
document.write("<h1>Com join: "+ subvir + "</h1>");

Se reparar no código fonte acima nós alteramos a variável subvir, a variável "do" join e chamamos ela novamente, assim, novamente os elementos do nosso array aparacem entre espaços e não entre vírgulas.

Método pop();

Para remover o ultimo elemento de um array nós utilizamos o método pop.

array5.pop();

Essa dica número 10 do nosso curso foi curtíssima, mas achei interessante separar esses métodos. Espero que tenha gostado e que tenha sido útil. Compartilhando esse link, além de apoiar o site você poderá ajudar algum amigo que tenha essa dúvida ou que queira aprender JavaScript.

Eu sei que essas dicas iniciais podem ser chatas, mas temos que conhece-las e, JavaScript é uma linguagem fantástica (quando bem utilizada).

Assista ao vídeo:

Código fonte JavaScript (final)

var array5 = new Array("Em","Busca","do","Código");
document.write("<h1>Array original: "+array5+"</h1>");

var subvir = array5.join(" ");
document.write("<h1>Com join: "+ subvir + "</h1>");

document.write("<h1></br>NO INICIO shift()</h1>");
array5.shift();
var subvir = array5.join(" ");
document.write("<h1>Com join: "+ subvir + "</h1>");

document.write("<h1></br>REMOVER NO FIM pop()</h1>");
array5.pop();
var subvir = array5.join(" ");
document.write("<h1>Com join: "+ subvir + "</h1>");

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