Pop de matriz JavaScript – Acervo Lima Tutorials

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 lengthpropriedade 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 numbersmatriz:

const numbers = [10, 20, 30];
const last = numbers.pop();

console.log(last); // 30
console.log(numbers.length); // 2Linguagem de código:  JavaScript  ( javascript )

Saída:

30
2

Neste exemplo, o pop()método remove o número 30do numbersarray. Além disso, diminui o valor da lengthpropriedade do numbersarray 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 undefinede o lengthis 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
0Linguagem 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 lengthpropriedade 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 greetingsobjeto que possui:

Quatro propriedades 0, 1, 2 e comprimento.
Um método removeLast()que usa o call()método de um array para invocar o pop()método.

Segundo, chame o removeLast()método do greetingsobjeto:

let greting = greetings.removeLast();Linguagem de código:  JavaScript  ( javascript )

Terceiro, envie o elemento removido ( greeting) e o greetingsobjeto 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()ou apply()para chamar o pop()método em um objeto semelhante a um array.