Shift e Unshift
Lezione 7 di 18 del corso Metodi degli array in JavaScript di Coddy.
Il metodo shift() rimuove il primo elemento da un array e restituisce l'elemento rimosso. Modifica l'array originale diminuendone la lunghezza.
- Immagina un array come una fila di elementi.
shift()prende l'elemento in testa (indice 0) e lo rimuove, spostando tutti gli elementi rimanenti di una posizione a sinistra. - È utile quando devi elaborare o memorizzare separatamente il primo elemento e poi lavorare con gli elementi rimanenti. Ad esempio:
const fruits = ["apple", "banana", "orange", "mango"];
const firstFruit = fruits.shift();
console.log(fruits); // Output: ["banana", "orange", "mango"]
console.log(firstFruit); // Output: "apple"Dopo aver usato il metodo shift() sull'array fruits nell'esempio precedente, il primo elemento "apple" viene rimosso dall'array.
Il metodo unshift() aggiunge uno o più elementi all'inizio di un array e restituisce la nuova lunghezza dell'array. Modifica l'array originale aumentandone la lunghezza.
- Pensa a
unshift()come all'inserimento di elementi in testa alla fila. I nuovi elementi diventano i primi, spostando a destra quelli esistenti. - Questo metodo è utile quando vuoi anteporre nuovi elementi a un array o riordinare gli elementi. Ad esempio:
const colors = ["red", "green", "blue"];
const newColors = colors.unshift("yellow", "purple");
console.log(colors); // Output: ["yellow", "purple", "red", "green", "blue"]
console.log(newColors); // Output: 5 (la nuova lunghezza)Dopo aver usato il metodo unshift() sull'array colors nell'esempio precedente, gli elementi "yellow" e "purple" vengono inseriti all'inizio dell'array.
Sfida
FacileTi viene fornita una lista di cose da fare con tre attività: "Read a book", "Play sports" e “Wash dishes” come elencate nell'array tasks fornito.
Scrivi del codice JavaScript per rimuovere la prima attività dalla lista di cose da fare, aggiungere al suo posto una nuova attività "Feed the cat" e poi stampare la lista di cose da fare aggiornata.
Provalo tu
let tasks = ['Read a book', 'Play sports', 'Wash dishes'];
// Scrivi il codice quiTutte le lezioni di Metodi degli array in JavaScript
Esercitati da solo: Compilatore JavaScript online