Resumo : neste tutorial, você aprenderá como usar o pop()
método JavaScript Array para remover o último elemento de um array.
Introdução ao método JavaScript Array pop()
O Array.prototype.pop()
método remove o último elemento de um array e retorna o elemento removido. Aqui está a sintaxe do pop()
método:
array.pop()
Linguagem de código: CSS ( css )
O pop()
método altera a length
propriedade do array. Se o array estiver vazio, o pop()
retorno é undefined
.
Exemplo de método JavaScript pop()
Vejamos alguns exemplos de uso do pop()
método.
1) Usando o método JavaScript pop() do array para remover o último elemento de um array
O exemplo a seguir usa o pop()
método para remover o último elemento da numbers
matriz:
const numbers = [10, 20, 30];
const last = numbers.pop();
console.log(last); // 30
console.log(numbers.length); // 2
Linguagem de código: JavaScript ( javascript )
Saída:
30
2
Neste exemplo, o pop()
método remove o número 30
do numbers
array. Além disso, diminui o valor da length
propriedade do numbers
array para 2
.
A imagem a seguir ilustra como o pop()
método funciona:
2) Usando o método pop() de array JavaScript com um array vazio
O exemplo a seguir chama o pop()
método em uma matriz vazia. Neste caso, o pop()
método retorna undefined
e o length
is do array é zero:
const numbers = [];
const last = numbers.pop();
console.log(last);
console.log(numbers.length);
Linguagem de código: JavaScript ( javascript )
Saída:
undefined
0
Linguagem de código: JavaScript ( javascript )
Usando o método JavaScript pop() com objetos semelhantes a array
O pop()
método é genérico. Portanto, você pode usar call()
ou apply()
para chamar o pop()
método no objeto semelhante a um array. Internamente, pop()
usa a length
propriedade do objeto semelhante a um array para determinar o último elemento a ser removido.
Veja o exemplo a seguir:
let greetings = {
0: 'Hi',
1: 'Hello',
2: 'Howdy',
length: 2,
removeLast() {
return [].pop.call(this);
},
};
let greting = greetings.removeLast();
console.log(greting);
console.log(greetings);
Linguagem de código: JavaScript ( javascript )
Saída:
'Howdy'
{
'0': 'Hi',
'1': 'Hello',
length: 2,
removeLast: [Function: removeLast]
}
Linguagem de código: JavaScript ( javascript )
Como funciona.
Primeiro, defina o greetings
objeto que possui:
- Quatro propriedades 0, 1, 2 e comprimento.
- Um método
removeLast()
que usa ocall()
método de um array para invocar opop()
método.
Segundo, chame o removeLast()
método do greetings
objeto:
let greting = greetings.removeLast();
Linguagem de código: JavaScript ( javascript )
Terceiro, envie o elemento removido ( greeting
) e o greetings
objeto para o console:
console.log(greting);
console.log(greetings);
Linguagem de código: JavaScript ( javascript )
Resumo
- Use o
pop()
método para remover o último elemento de uma matriz. - Use
call()
ouapply()
para chamar opop()
método em um objeto semelhante a um array.