TypeScript - Tableaux

L'utilisation de variables pour stocker des valeurs pose les limitations suivantes -

• Les variables sont de nature scalaire. En d'autres termes, une déclaration de variable ne peut en contenir qu'une seule à la fois. Cela signifie que pour stocker n valeurs dans un programme, n déclarations de variables seront nécessaires. Par conséquent, l'utilisation de variables n'est pas faisable lorsque l'on a besoin de stocker une plus grande collection de valeurs.

• Les variables d'un programme se voient allouer de la mémoire dans un ordre aléatoire, ce qui rend difficile la récupération / lecture des valeurs dans l'ordre de leur déclaration.

TypeScript introduit le concept de tableaux pour aborder la même chose. Un tableau est une collection homogène de valeurs. Pour simplifier, un tableau est une collection de valeurs du même type de données. C'est un type défini par l'utilisateur.

Caractéristiques d'une baie

Voici une liste des fonctionnalités d'un tableau -

• Une déclaration de tableau alloue des blocs de mémoire séquentiels.

• Les tableaux sont statiques. Cela signifie qu'un tableau une fois initialisé ne peut pas être redimensionné.

• Chaque bloc de mémoire représente un élément de tableau.

• Les éléments du tableau sont identifiés par un entier unique appelé indice / index de l'élément.

• Tout comme les variables, les tableaux doivent également être déclarés avant d'être utilisés. Utilisez le mot clé var pour déclarer un tableau.

• L'initialisation du tableau fait référence au remplissage des éléments du tableau.

• Les valeurs des éléments de tableau peuvent être mises à jour ou modifiées mais ne peuvent pas être supprimées.

Déclaration et initialisation de tableaux

Pour déclarer une initialisation d'un tableau dans Typescript, utilisez la syntaxe suivante -

Syntaxe

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

Une déclaration de tableau sans le type de données est considérée comme étant du type any. Le type d'un tel tableau est déduit du type de données du premier élément du tableau lors de l'initialisation.

Par exemple, une déclaration comme - var numlist:number[] = [2,4,6,8] créera un tableau comme indiqué ci-dessous -

Le pointeur de tableau fait référence au premier élément par défaut.

Arrays may be declared and initialized in a single statement. La syntaxe pour le même est -

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

Note - La paire de [] est appelée la dimension du tableau.

Accès aux éléments de la baie

Le nom du tableau suivi de l'indice est utilisé pour désigner un élément du tableau. Sa syntaxe est la suivante -

array_name[subscript] = value

Exemple: tableau simple

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

Lors de la compilation, il générera le code JavaScript suivant -

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

La sortie du code ci-dessus est la suivante -

1 
2

Exemple: déclaration et initialisation d'instruction unique

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

Lors de la compilation, il générera le code JavaScript suivant -

//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]);

Sa sortie est la suivante -

1 
2 
3 
3

Objet Array

Un tableau peut également être créé à l'aide de l'objet Array. Le constructeur Array peut être passé.

• Une valeur numérique qui représente la taille du tableau ou

• Une liste de valeurs séparées par des virgules.

L'exemple suivant montre comment créer un tableau à l'aide de cette méthode.

Exemple

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]) 
}

Lors de la compilation, il générera le code JavaScript suivant.

//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]);
}

Sa sortie est la suivante -

0 
2 
4 
6

Exemple: Array Constructor accepte des valeurs séparées par des virgules

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

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

Lors de la compilation, il générera le code JavaScript suivant -

//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]);
}

Sa sortie est la suivante -

Mary 
Tom 
Jack 
Jill

Méthodes de tableau

Une liste des méthodes de l'objet Array avec leur description est donnée ci-dessous.

S.No.	Méthode et description
1.	concat () Renvoie un nouveau tableau composé de ce tableau joint à d'autres tableaux et / ou valeurs.
2.	chaque() Renvoie true si chaque élément de ce tableau satisfait la fonction de test fournie.
3.	filtre() Crée un nouveau tableau avec tous les éléments de ce tableau pour lesquels la fonction de filtrage fournie renvoie true.
4.	pour chaque() Appelle une fonction pour chaque élément du tableau.
5.	Indice de() Renvoie le premier (le moins) index d'un élément dans le tableau égal à la valeur spécifiée, ou -1 si aucun n'est trouvé.
6.	joindre() Joint tous les éléments d'un tableau dans une chaîne.
sept.	lastIndexOf () Renvoie le dernier (le plus grand) index d'un élément du tableau égal à la valeur spécifiée, ou -1 si aucun n'est trouvé.
8.	carte() Crée un nouveau tableau avec les résultats de l'appel d'une fonction fournie sur chaque élément de ce tableau.
9.	pop() Supprime le dernier élément d'un tableau et renvoie cet élément.
dix.	pousser() Ajoute un ou plusieurs éléments à la fin d'un tableau et renvoie la nouvelle longueur du tableau.
11.	réduire() Appliquez une fonction simultanément à deux valeurs du tableau (de gauche à droite) pour le réduire à une seule valeur.
12.	réduireDroite () Appliquez une fonction simultanément à deux valeurs du tableau (de droite à gauche) pour le réduire à une seule valeur.
13.	inverser() Inverse l'ordre des éléments d'un tableau - le premier devient le dernier et le dernier devient le premier.
14.	décalage() Supprime le premier élément d'un tableau et renvoie cet élément.
15.	tranche() Extrait une section d'un tableau et renvoie un nouveau tableau.
16.	certains() Renvoie true si au moins un élément de ce tableau satisfait la fonction de test fournie.
17.	Trier() Trie les éléments d'un tableau.
18.	épissure() Ajoute et / ou supprime des éléments d'un tableau.
19.	toString () Renvoie une chaîne représentant le tableau et ses éléments.
20.	décaler () Ajoute un ou plusieurs éléments au début d'un tableau et renvoie la nouvelle longueur du tableau.

Destructuration des baies

Se réfère à la rupture de la structure d'une entité. TypeScript prend en charge la déstructuration lorsqu'il est utilisé dans le contexte d'un tableau.

Exemple

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

Lors de la compilation, il générera le code JavaScript suivant.

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

Sa sortie est la suivante -

12 
13

Array Traversal utilisant for… in loop

On peut utiliser le for…in boucle pour parcourir un tableau.

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

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

La boucle effectue un parcours de tableau basé sur un index.

Lors de la compilation, il générera le code JavaScript suivant.

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

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

La sortie du code ci-dessus est donnée ci-dessous -

1001 
1002 
1003 
1004

Tableaux dans TypeScript

TypeScript prend en charge les concepts suivants dans les tableaux -

S.No.	Concept et description
1.	Tableaux multidimensionnels TypeScript prend en charge les tableaux multidimensionnels. La forme la plus simple du tableau multidimensionnel est le tableau bidimensionnel.
2.	Passer des tableaux aux fonctions Vous pouvez transmettre à la fonction un pointeur vers un tableau en spécifiant le nom du tableau sans index.
3.	Retourne le tableau à partir des fonctions Permet à une fonction de renvoyer un tableau