Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Impara Lavorare con gli Array con `push`, `pop` | Section
/
Basi di JavaScript

bookLavorare con gli Array con `push`, `pop`

Scorri per mostrare il menu

push()

Il metodo push aggiunge uno o più elementi alla fine di un array e restituisce la nuova lunghezza. Ad esempio:

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()

Il metodo pop rimuove l'ultimo elemento da un array e lo restituisce. La lunghezza dell'array diminuisce di uno:

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

I metodi push e pop sono fondamentali per la gestione di dati dinamici nelle applicazioni reali. Questi metodi permettono di aggiungere e rimuovere elementi dagli array man mano che i dati cambiano.

Aggiunta di messaggi a una chat

Quando un utente invia un nuovo messaggio, utilizzare push per aggiungerlo alla fine dell'array della cronologia chat:

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

Annullamento dell'ultima azione

Per consentire agli utenti di annullare la loro ultima azione, utilizzare pop per rimuovere e recuperare l'elemento più recente da un 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

Questi metodi aiutano a gestire elenchi che cambiano in base all'interazione degli utenti con l'applicazione, come l'aggiornamento dei carrelli della spesa, il monitoraggio delle mosse in un gioco o la gestione delle modifiche recenti. Utilizzando push e pop, è possibile mantenere i dati organizzati e reattivi alle azioni degli utenti.

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 1. Capitolo 12

Chieda ad AI

expand

Chieda ad AI

ChatGPT

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

Sezione 1. Capitolo 12
some-alt