Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Trabalhando com Arrays Usando `push`, `pop` | Section
Fundamentos de JavaScript

bookTrabalhando com Arrays Usando `push`, `pop`

Deslize para mostrar o menu

push()

O método push adiciona um ou mais elementos ao final de um array e retorna o novo comprimento. Por exemplo:

12345
const numbers = [1, 2, 3]; console.log("Before:", numbers); numbers.push(4); // numbers is now [1, 2, 3, 4] console.log("After:", numbers); console.log(numbers.length); // 4
copy

pop()

O método pop remove o último elemento de um array e o retorna. O comprimento do array diminui em um:

12345
const numbers = [1, 2, 3, 4]; console.log("Before:", numbers); const lastNumber = numbers.pop(); // lastNumber is 4, numbers is now [1, 2, 3] console.log("After:", numbers); console.log(numbers.length); // 3
copy

Os métodos push e pop são essenciais para manipular dados dinâmicos em aplicações do mundo real. Esses métodos permitem adicionar e remover itens de arrays conforme os dados mudam.

Adição de mensagens em um chat

Quando um usuário envia uma nova mensagem, utilize push para adicioná-la ao final do array de histórico do chat:

123
const chatHistory = ["Hello!", "How are you?"]; chatHistory.push("I'm good, thanks!"); console.log(chatHistory);
copy

Desfazendo a Última Ação

Para permitir que os usuários desfaçam a última ação, utilize pop para remover e recuperar a entrada mais recente de um array:

1234
const actions = ["draw line", "erase", "add text"]; const lastAction = actions.pop(); console.log(lastAction); // Output: "add text" console.log(actions); // Output: ["draw line", "erase"]
copy

Esses métodos auxiliam no gerenciamento de listas que mudam conforme os usuários interagem com sua aplicação, como atualizar carrinhos de compras, acompanhar etapas em um jogo ou gerenciar edições recentes. Utilizando push e pop, é possível manter os dados organizados e responsivos às ações dos usuários.

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 1. Capítulo 12

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Seção 1. Capítulo 12
some-alt