Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Impara Lavorare con gli Elementi dell'Array | Array
Introduzione a TypeScript

bookLavorare con gli Elementi dell'Array

Sai già come creare array, ma cosa faresti se il tuo capo ti chiedesse di eliminare il primo o l'ultimo elemento dall'array? Oppure di aggiungere un elemento all'array? E se ti venisse chiesto di trovare la lunghezza dell'array (il numero di elementi nell'array)? A quel punto potresti dire di non sapere come farlo, e potresti essere licenziato 😩.

Ma non preoccuparti! In questo capitolo ti spiegherò come fare e vedremo i metodi di base per lavorare con gli array!

Aggiunta di elementi a un array

Iniziamo dalla cosa più semplice: come si aggiunge un elemento a un array? Per questo puoi usare il metodo push! Vediamo un esempio:

123
let numbers: number[] = [1, 2, 3]; let newLength = numbers.push(4); console.log(numbers);
copy

Abbiamo quindi aggiunto un elemento all'array numbers. Possiamo anche aggiungere più elementi contemporaneamente utilizzando il metodo push:

123
let numbers: number[] = [1, 2, 3]; let newLength = numbers.push(4, 5); console.log(numbers);
copy

Rimozione dell'Ultimo Elemento

Per rimuovere silenziosamente l'ultimo elemento dall'array, è possibile utilizzare il metodo pop(). Questo metodo elimina l'ultimo elemento dall'array e lo restituisce. Ecco un esempio:

1234
let numbers: number[] = [1, 2, 3]; let lastElement = numbers.pop(); console.log(`array after modifying: ${numbers}`); console.log(`the last element was ${lastElement}`);
copy

Nota che restituire un valore significa assegnarlo a un'altra variabile. Quindi, assegniamo un valore a una variabile utilizzando un metodo dell'array. Parleremo di cosa sono i metodi, le funzioni e delle loro differenze nella prossima sezione.

Rimozione del primo elemento

Il metodo shift() rimuove il primo elemento dell'array e ne restituisce il valore, ad esempio:

123
let numbers: number[] = [1, 2, 3]; let firstElement = numbers.shift(); console.log(`numbers: ${numbers}, deleted element: ${firstElement}`);
copy

Esiste anche un metodo reverse che, al contrario, aggiunge uno o più elementi all'inizio dell'array e restituisce la nuova lunghezza dell'array, ad esempio:

123
let numbers: number[] = [2, 3, 4]; let newLength = numbers.unshift(0, 1); console.log(`numbers: ${numbers} with length: ${newLength}`);
copy

Combinazione di array

TypeScript consente anche di combinare due array utilizzando il metodo concat(), che restituirà un nuovo array, più grande e aggiornato:

1234
let array1: number[] = [1, 2]; let array2: number[] = [3, 4]; let combinedArray = array1.concat(array2); console.log(`combined array = ${combinedArray}`);
copy

È possibile anche estrarre una porzione di un array e memorizzarla in un nuovo array utilizzando il metodo slice(). In questo caso, è necessario specificare gli indici degli elementi estremi e tutti gli elementi compresi tra questi indici verranno trasferiti in un nuovo array. Ad esempio:

123
let numbers: number[] = [1, 2, 3, 4, 5]; let slicedArray = numbers.slice(1, 4); console.log(`sliced array = ${slicedArray}`);
copy

Nota

L'array slicedArray contiene gli elementi dall'indice 1 (incluso) all'indice 4 (escluso), quindi include gli elementi con indici 1, 2 e 3.

Questi non sono tutti i metodi e le modalità per lavorare con gli array, ma sono i metodi di base che un principiante deve conoscere. Progredendo nello studio di TypeScript, scoprirai nuovi metodi, oppure quanto appreso in questo capitolo potrebbe essere sufficiente.

1. Cosa fa il metodo push quando viene applicato a un array in TypeScript?

2. Quale metodo viene utilizzato per rimuovere il primo elemento da un array in TypeScript?

question mark

Cosa fa il metodo push quando viene applicato a un array in TypeScript?

Select the correct answer

question mark

Quale metodo viene utilizzato per rimuovere il primo elemento da un array in TypeScript?

Select the correct answer

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 3. Capitolo 2

Chieda ad AI

expand

Chieda ad AI

ChatGPT

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

Awesome!

Completion rate improved to 2.94

bookLavorare con gli Elementi dell'Array

Scorri per mostrare il menu

Sai già come creare array, ma cosa faresti se il tuo capo ti chiedesse di eliminare il primo o l'ultimo elemento dall'array? Oppure di aggiungere un elemento all'array? E se ti venisse chiesto di trovare la lunghezza dell'array (il numero di elementi nell'array)? A quel punto potresti dire di non sapere come farlo, e potresti essere licenziato 😩.

Ma non preoccuparti! In questo capitolo ti spiegherò come fare e vedremo i metodi di base per lavorare con gli array!

Aggiunta di elementi a un array

Iniziamo dalla cosa più semplice: come si aggiunge un elemento a un array? Per questo puoi usare il metodo push! Vediamo un esempio:

123
let numbers: number[] = [1, 2, 3]; let newLength = numbers.push(4); console.log(numbers);
copy

Abbiamo quindi aggiunto un elemento all'array numbers. Possiamo anche aggiungere più elementi contemporaneamente utilizzando il metodo push:

123
let numbers: number[] = [1, 2, 3]; let newLength = numbers.push(4, 5); console.log(numbers);
copy

Rimozione dell'Ultimo Elemento

Per rimuovere silenziosamente l'ultimo elemento dall'array, è possibile utilizzare il metodo pop(). Questo metodo elimina l'ultimo elemento dall'array e lo restituisce. Ecco un esempio:

1234
let numbers: number[] = [1, 2, 3]; let lastElement = numbers.pop(); console.log(`array after modifying: ${numbers}`); console.log(`the last element was ${lastElement}`);
copy

Nota che restituire un valore significa assegnarlo a un'altra variabile. Quindi, assegniamo un valore a una variabile utilizzando un metodo dell'array. Parleremo di cosa sono i metodi, le funzioni e delle loro differenze nella prossima sezione.

Rimozione del primo elemento

Il metodo shift() rimuove il primo elemento dell'array e ne restituisce il valore, ad esempio:

123
let numbers: number[] = [1, 2, 3]; let firstElement = numbers.shift(); console.log(`numbers: ${numbers}, deleted element: ${firstElement}`);
copy

Esiste anche un metodo reverse che, al contrario, aggiunge uno o più elementi all'inizio dell'array e restituisce la nuova lunghezza dell'array, ad esempio:

123
let numbers: number[] = [2, 3, 4]; let newLength = numbers.unshift(0, 1); console.log(`numbers: ${numbers} with length: ${newLength}`);
copy

Combinazione di array

TypeScript consente anche di combinare due array utilizzando il metodo concat(), che restituirà un nuovo array, più grande e aggiornato:

1234
let array1: number[] = [1, 2]; let array2: number[] = [3, 4]; let combinedArray = array1.concat(array2); console.log(`combined array = ${combinedArray}`);
copy

È possibile anche estrarre una porzione di un array e memorizzarla in un nuovo array utilizzando il metodo slice(). In questo caso, è necessario specificare gli indici degli elementi estremi e tutti gli elementi compresi tra questi indici verranno trasferiti in un nuovo array. Ad esempio:

123
let numbers: number[] = [1, 2, 3, 4, 5]; let slicedArray = numbers.slice(1, 4); console.log(`sliced array = ${slicedArray}`);
copy

Nota

L'array slicedArray contiene gli elementi dall'indice 1 (incluso) all'indice 4 (escluso), quindi include gli elementi con indici 1, 2 e 3.

Questi non sono tutti i metodi e le modalità per lavorare con gli array, ma sono i metodi di base che un principiante deve conoscere. Progredendo nello studio di TypeScript, scoprirai nuovi metodi, oppure quanto appreso in questo capitolo potrebbe essere sufficiente.

1. Cosa fa il metodo push quando viene applicato a un array in TypeScript?

2. Quale metodo viene utilizzato per rimuovere il primo elemento da un array in TypeScript?

question mark

Cosa fa il metodo push quando viene applicato a un array in TypeScript?

Select the correct answer

question mark

Quale metodo viene utilizzato per rimuovere il primo elemento da un array in TypeScript?

Select the correct answer

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 3. Capitolo 2
some-alt