Tuple di sola lettura
Fa parte della sezione Introduzione a TypeScript del percorso JavaScript di Coddy. Lezione 18 di 73.
Proprio come puoi rendere immutabili gli array con il modificatore readonly, TypeScript ti permette di creare tuple readonly che non possono essere modificate dopo l’inizializzazione. Questo offre gli stessi vantaggi dell’immutabilità per i dati strutturati di lunghezza fissa.
Quando aggiungi readonly prima di un tipo tupla, TypeScript impedisce qualsiasi modifica agli elementi della tupla.
Ciò significa che non puoi riassegnare valori in posizioni specifiche né usare metodi che modificherebbero il contenuto della tupla:
let point: readonly [number, number] = [10, 20];
let coordinates: readonly [string, number, number] = ["A", 5, 15];Il modificatore readonly è particolarmente utile per le tuple perché spesso rappresentano dati strutturati importanti, come coordinate, valori di colore RGB o record di database, che non dovrebbero cambiare una volta creati.
Sfida
FacileCrea una tupla di sola lettura chiamata startPoint che rappresenti un punto 2D con due numeri (coordinate x e y). Inizializzala con i valori 0 e 0.
Crea un'altra tupla di sola lettura chiamata colorRGB che rappresenti un valore di colore RGB con tre numeri (rosso, verde, blu). Inizializzala con i valori 255, 128 e 64.
Crea una terza tupla di sola lettura chiamata userRecord che contenga un numero (ID utente), una stringa (nome utente) e un booleano (stato attivo). Inizializzala con i valori 42, "admin" e true.
Stampa tutte e tre le tuple di sola lettura nella console su righe separate, nell'ordine in cui sono state create.
Provalo tu
// TODO: Scrivi qui il tuo codice
// Crea le tuple di sola lettura come descritto nella sfida
// Stampa tutte e tre le tuple
Mettiti alla provaQuesta lezione include un breve quiz. Inizia la lezione per rispondere e tenere traccia dei tuoi progressi.
Tutte le lezioni di Introduzione a TypeScript
1Primi passi con TS
Che cos'è TypeScript?Perché usare TypeScript?Il tuo primo codice TypeScriptProcesso di compilazione ed erroriRiepilogo: introduzione a TS4Lavorare con le funzioni
Tipizzare parametri e valori restituitiTipizzare le funzioni frecciaIl tipo restituito 'void'Parametri opzionali con '?'Valori predefiniti dei parametriTipizzare i parametri restDefinire i tipi di funzioneRiepilogo: creare funzioni tipizzate
2Tipi fondamentali
Tipi di base: str, num, booleanIl tipo 'any': via di fugaIl tipo 'unknown'Lavorare con 'null' e 'undef'L'inferenza dei tipi in azioneAnnotazioni esplicite dei tipiRiepilogo: esercitazioni sui tipi fondamentali5Tipi: alias, unioni e intersezioni
Alias di tipo per i primitiviTipi unione ('|')Lavorare con i tipi unioneTipi letteraliTipi intersezione ('&')Combinare alias di tipoRiepilogo: combinazioni avanzate di tipi3Strutture dati: Array e Tuple
Array tipizzatiModificatore 'readonly' per gli arrayChe cos'è una Tuple?Dichiarare e accedere alle TupleDestrutturare le TupleTuple di sola letturaArray tipizzati multidimensionaliOperatore spread con gli arrayRiepilogo: Array e Tuple6Tipizzazione di oggetti e interfacce
Annotazioni inline dei tipi degli oggettiAlias di tipo per gli oggettiIntroduzione alle interfacceInterfacce e alias di tipo a confrontoProprietà facoltative e di sola letturaEstendere interfacce e tipiAggiungere metodi alle interfacceRiepilogo: definire le forme degli oggettiEsercitati da solo: Playground TypeScript