Una struttura dati che mantiene un gruppo di elementi dello stesso tipo in un blocco di memoria adiacente è nota come ' vettore ”. Gli array sono supportati anche come tipo di dati in TypeScript, in quanto è un superset di JavaScript. È più indipendente dai tipi rispetto a JavaScript perché consente agli sviluppatori di specificare il tipo di elementi che un array può memorizzare. Gli array possono essere utilizzati in questo modo per produrre un codice gestibile.
Questo tutorial dimostrerà il tipo di array in TypeScript e il modo di usarlo.
Che cos'è il tipo di array in TypeScript e come può essere utilizzato?
“ Vettore ' è una struttura dati in TypeScript simile a JavaScript con una funzionalità avanzata per specificare il tipo di array. Può essere utilizzato per archiviare e manipolare una raccolta di dati, come un elenco di numeri o stringhe, ed è possibile accedervi utilizzando il loro indice. Esistono due modi per dichiarare o utilizzare un array in TypeScript:
- Parola chiave 'Array'.
- parentesi quadre “[]” o sintassi abbreviata
Sintassi per array di tipo singolo
Per dichiarare o inizializzare un array con un singolo tipo, utilizzare la sintassi data con la parola chiave 'Array':
Vettore < tipo > = [ elemento1, elemento2, elemento3 ] ;
Oppure usalo come sintassi abbreviata come indicato di seguito:
tipo [ ] = [ elemento1, elemento2, elemento3 ] ;
Sintassi per array multitipo
Con l'aiuto della parola chiave 'Array', utilizza la seguente sintassi per inizializzare o dichiarare un array multi-tipo:
Vettore < tipo | tipo > = [ elemento1, elemento2, elemento3 ] ;
Oppure puoi usare le parentesi quadre '[]' o la sintassi abbreviata come segue:
( tipo | tipo ) [ ] = [ elemento1, elemento2, elemento3 ] ;
Esempio 1: matrice di tipo a stringa singola
Per prima cosa creeremo un file TypeScript chiamato ' Arraytypes.ts ”. Nell'esempio fornito, per prima cosa, dichiara un array di tipo stringa denominato ' colore ” utilizzando la parola chiave “Array”:
colore variabile: matrice < corda > ;
Ora, inizializza l'array con valori di tipo stringa:
colore = [ 'rosso' , 'blu' , 'verde' , 'nero' , 'bianco' , 'viola' , 'rosa' ] ;
Quindi, stampa l'array sulla console:
console.log ( colore ) ;
Dopo aver aggiunto il codice, trasporteremo questo file nel file JavaScript usando il comando dato:
tsc Arraytypes.ts
Quindi, per eseguire il codice JavaScript, utilizzeremo il comando indicato di seguito:
nodo Arraytypes.js
Nota : È obbligatorio eseguire il transpile del file TypeScript dopo ogni modifica in esso.
Produzione
Per accedere agli elementi dell'array, utilizzare la notazione tra parentesi quadre '[ ]'. Qui, accederemo all'elemento all'indice 3:
console.log ( colore [ 3 ] ) ;
L'output visualizza ' nero ” che è l'elemento di un array situato all'indice 3:
Esempio 2: matrice di tipo a numero singolo
In questo esempio, crea un array di numeri pari specificandone il tipo ' Numero ” utilizzando la sintassi abbreviata:
var evenNumbers: numero [ ] = [ 2 , 4 , 6 , 8 , 10 , 12 , 14 , 16 , 18 , venti , 22 ] ;
Stampa l'array sulla console:
console.log ( numeri pari ) ;
Produzione
Esempio 3: matrice multitipo
Nell'esempio fornito, creare un array che contenga i valori di tipo stringa e un tipo numerico.
Innanzitutto, dichiara un array utilizzando la sintassi abbreviata specificando i tipi di array con l'operatore pipeline o union:
matrice var: ( corda | numero ) [ ] ;
Assegna i valori all'array e poi stampalo sulla console:
matrice = [ 'rosso' , 1 , 'blu' , 7 , 'viola' , 5 ] ;console.log ( vettore ) ;
Produzione
Questo è tutto sull'uso di Array Type in TypeScript.
Conclusione
“ Vettore ' è una struttura di dati in TypeScript simile a JavaScript che può essere utilizzata per archiviare e manipolare una raccolta di dati. Per dichiarare/usare l'array in TypeScript, ci sono due modi, incluso il ' Vettore ” parola chiave o parentesi quadre “ [ ] ” o sintassi abbreviata. Questo tutorial ha dimostrato il tipo di matrice in TypeScript e il modo in cui utilizzarlo.