TypeScript - Matrici

L'uso di variabili per memorizzare i valori pone le seguenti limitazioni:

Le variabili sono di natura scalare. In altre parole, una dichiarazione di variabile può contenerne solo una alla volta. Ciò significa che per memorizzare n valori in un programma saranno necessarie n dichiarazioni di variabili. Pertanto, l'uso di variabili non è fattibile quando è necessario memorizzare una raccolta di valori più ampia.
Alle variabili in un programma viene allocata la memoria in ordine casuale, rendendo così difficile recuperare / leggere i valori nell'ordine della loro dichiarazione.

TypeScript introduce il concetto di array per affrontare lo stesso. Un array è una raccolta omogenea di valori. Per semplificare, un array è una raccolta di valori dello stesso tipo di dati. È un tipo definito dall'utente.

Caratteristiche di un array

Ecco un elenco delle caratteristiche di un array:

Una dichiarazione di matrice alloca blocchi di memoria sequenziali.
Gli array sono statici. Ciò significa che un array una volta inizializzato non può essere ridimensionato.
Ogni blocco di memoria rappresenta un elemento dell'array.
Gli elementi della matrice sono identificati da un numero intero univoco chiamato come pedice / indice dell'elemento.
Come le variabili, anche gli array dovrebbero essere dichiarati prima di essere utilizzati. Usa la parola chiave var per dichiarare un array.
L'inizializzazione dell'array si riferisce al popolamento degli elementi dell'array.
I valori degli elementi della matrice possono essere aggiornati o modificati ma non possono essere eliminati.

Dichiarazione e inizializzazione di array

Per dichiarare l'inizializzazione di un array in Typescript utilizzare la seguente sintassi:

Sintassi

var array_name[:datatype];        //declaration 
array_name = [val1,val2,valn..]   //initialization

Una dichiarazione di matrice senza il tipo di dati è considerata del tipo any. Il tipo di tale matrice viene dedotto dal tipo di dati del primo elemento della matrice durante l'inizializzazione.

Ad esempio, una dichiarazione come - var numlist:number[] = [2,4,6,8] creerà un array come indicato di seguito -

Il puntatore all'array fa riferimento al primo elemento per impostazione predefinita.

Arrays may be declared and initialized in a single statement. La sintassi per lo stesso è:

var array_name[:data type] = [val1,val2…valn]

Note - La coppia di [] è chiamata dimensione dell'array.

Accesso agli elementi dell'array

Il nome dell'array seguito dall'indice viene utilizzato per fare riferimento a un elemento dell'array. La sua sintassi è la seguente:

array_name[subscript] = value

Esempio: Simple Array

var alphas:string[]; 
alphas = ["1","2","3","4"] 
console.log(alphas[0]); 
console.log(alphas[1]);

Durante la compilazione, genererà il seguente codice JavaScript:

//Generated by typescript 1.8.10
var alphas;
alphas = ["1", "2", "3", "4"];
console.log(alphas[0]);
console.log(alphas[1]);

L'output del codice sopra è il seguente:

1 
2

Esempio: dichiarazione e inizializzazione di una singola istruzione

var nums:number[] = [1,2,3,3] 
console.log(nums[0]); 
console.log(nums[1]); 
console.log(nums[2]); 
console.log(nums[3]);

Durante la compilazione, genererà il seguente codice JavaScript:

//Generated by typescript 1.8.10
var nums = [1, 2, 3, 3];
console.log(nums[0]);
console.log(nums[1]);
console.log(nums[2]);
console.log(nums[3]);

Il suo output è il seguente:

Oggetto array

È inoltre possibile creare un array utilizzando l'oggetto Array. Il costruttore Array può essere passato.

Un valore numerico che rappresenta la dimensione della matrice o
Un elenco di valori separati da virgole.

L'esempio seguente mostra come creare un array utilizzando questo metodo.

Esempio

var arr_names:number[] = new Array(4)  

for(var i = 0;i<arr_names.length;i++) { 
   arr_names[i] = i * 2 
   console.log(arr_names[i]) 
}

Durante la compilazione, genererà il seguente codice JavaScript.

//Generated by typescript 1.8.10
var arr_names = new Array(4);

for (var i = 0; i < arr_names.length; i++) {
   arr_names[i] = i * 2;
   console.log(arr_names[i]);
}

Il suo output è il seguente:

Esempio: Array Constructor accetta valori separati da virgole

var names:string[] = new Array("Mary","Tom","Jack","Jill") 

for(var i = 0;i<names.length;i++) { 
   console.log(names[i]) 
}

Durante la compilazione, genererà il seguente codice JavaScript:

//Generated by typescript 1.8.10
var names = new Array("Mary", "Tom", "Jack", "Jill");
for (var i = 0; i < names.length; i++) {
   console.log(names[i]);
}

Il suo output è il seguente:

Mary 
Tom 
Jack 
Jill

Metodi di matrice

Di seguito viene fornito un elenco dei metodi dell'oggetto Array con la loro descrizione.

S.No.	Metodo e descrizione
1.	concat () Restituisce un nuovo array composto da questo array unito ad altri array e / o valori.
2.	ogni() Restituisce vero se ogni elemento in questo array soddisfa la funzione di test fornita.
3.	filtro() Crea un nuovo array con tutti gli elementi di questo array per i quali la funzione di filtro fornita restituisce true.
4.	per ciascuno() Chiama una funzione per ogni elemento dell'array.
5.	indice di() Restituisce il primo (minimo) indice di un elemento all'interno della matrice uguale al valore specificato o -1 se non viene trovato.
6.	aderire() Unisce tutti gli elementi di un array in una stringa.
7.	lastIndexOf () Restituisce l'ultimo (massimo) indice di un elemento all'interno della matrice uguale al valore specificato o -1 se non ne viene trovato nessuno.
8.	carta geografica() Crea un nuovo array con i risultati della chiamata di una funzione fornita su ogni elemento in questo array.
9.	pop() Rimuove l'ultimo elemento da un array e restituisce quell'elemento.
10.	Spingere() Aggiunge uno o più elementi alla fine di una matrice e restituisce la nuova lunghezza della matrice.
11.	ridurre() Applicare una funzione contemporaneamente a due valori dell'array (da sinistra a destra) in modo da ridurla a un unico valore.
12.	reduceRight () Applicare una funzione contemporaneamente a due valori dell'array (da destra a sinistra) per ridurla a un unico valore.
13.	inversione() Inverte l'ordine degli elementi di un array: il primo diventa l'ultimo e l'ultimo diventa il primo.
14.	cambio() Rimuove il primo elemento da un array e restituisce quell'elemento.
15.	fetta() Estrae una sezione di un array e restituisce un nuovo array.
16.	alcuni() Restituisce vero se almeno un elemento in questo array soddisfa la funzione di test fornita.
17.	ordinare() Ordina gli elementi di un array.
18.	giunzione () Aggiunge e / o rimuove elementi da un array.
19.	accordare() Restituisce una stringa che rappresenta l'array e i suoi elementi.
20.	unshift () Aggiunge uno o più elementi all'inizio di un array e restituisce la nuova lunghezza dell'array.

Array Destructuring

Si riferisce alla rottura della struttura di un'entità. TypeScript supporta la destrutturazione quando viene utilizzato nel contesto di un array.

Esempio

var arr:number[] = [12,13] 
var[x,y] = arr 
console.log(x) 
console.log(y)

Durante la compilazione, genererà il seguente codice JavaScript.

//Generated by typescript 1.8.10
var arr = [12, 13];
var x = arr[0], y = arr[1];
console.log(x);
console.log(y);

Il suo output è il seguente:

12 
13

Array Traversal utilizzando for ... in loop

Si può usare il file for…in loop per attraversare un array.

var j:any; 
var nums:number[] = [1001,1002,1003,1004] 

for(j in nums) { 
   console.log(nums[j]) 
}

Il ciclo esegue un traversal dell'array basato sull'indice.

Durante la compilazione, genererà il seguente codice JavaScript.

//Generated by typescript 1.8.10
var j;
var nums = [1001, 1002, 1003, 1004];

for (j in nums) {
   console.log(nums[j]);
}

L'output del codice sopra è dato di seguito:

Array in TypeScript

TypeScript supporta i seguenti concetti negli array:

S.No.	Concetto e descrizione
1.	Array multidimensionali TypeScript supporta array multidimensionali. La forma più semplice dell'array multidimensionale è l'array bidimensionale.
2.	Passaggio di array a funzioni È possibile passare alla funzione un puntatore a un array specificando il nome dell'array senza un indice.
3.	Restituisce array dalle funzioni Consente a una funzione di restituire un array