Un tableau est une collection homogène d’éléments de type similaire qui ont un emplacement mémoire contigu.
Un tableau est un type de données défini par l'utilisateur.
Un tableau est un type de structure de données dans lequel nous stockons les éléments d'un type de données similaire. Dans un tableau, nous ne pouvons stocker qu’un ensemble fixe d’éléments. Nous pouvons également l'utiliser comme objet.
Le tableau est un stockage basé sur un index, où le premier élément est stocké à l'index 0. La structure ci-dessous aide à comprendre la structure d'un tableau.
Caractéristiques d'un tableau
- Un tableau stocke des éléments qui ont le même type de données.
- Éléments du tableau stockés dans des emplacements mémoire contigus.
- Le stockage des éléments du tableau 2D s'effectue ligne par ligne dans un emplacement mémoire contigu.
- Le nom du tableau représente l'adresse de l'élément de départ.
- La taille d'un tableau doit être initialisée au moment de la déclaration.
- La taille du tableau doit être une expression constante et non une variable.
- Nous pouvons récupérer des éléments du tableau en spécifiant la valeur d'index correspondante de l'élément.
Avantage
Optimisation du code : Un tableau permet d'optimiser le code, ce qui augmente la vitesse et les performances du programme. Cela nous permet de récupérer ou de trier les données du tableau plus efficacement.
Accès aléatoire: Il offre la possibilité d'accéder à n'importe quelle donnée d'un tableau en temps constant (indépendamment de sa position et de sa taille). Ainsi, nous pouvons obtenir directement n’importe quelle donnée d’un tableau situé à n’importe quelle position d’index.
Désavantage
Limite de taille : Un tableau nous permet de stocker uniquement le nombre fixe d'éléments. Une fois le tableau déclaré, nous ne pouvons pas modifier sa taille. Par conséquent, si nous voulons insérer plus d’éléments que ce qui est déclaré, ce n’est pas possible.
Déclaration de tableau
Tout comme JavaScript, TypeScript prend également en charge les tableaux. Il existe deux manières de déclarer un tableau :
1. Utilisation de crochets.
let array_name[:datatype] = [val1,val2,valn..]
Exemple:
let fruits: string[] = ['Apple', 'Orange', 'Banana'];
2. Utilisation d'un type de tableau générique.
commandes sql ddl
let array_name: Array = [val1,val2,valn..]
Exemple:
let fruits: Array = ['Apple', 'Orange', 'Banana'];
Types du tableau dans TypeScript
Il existe deux types de tableaux :
- Tableau unidimensionnel
- Tableau multidimensionnel
Tableau unidimensionnel
Un tableau unidimensionnel est un type de tableau linéaire qui contient une seule ligne pour stocker les données. Il comporte un seul jeu de crochets («[]»). Nous pouvons accéder à ses éléments en utilisant l'index de ligne ou de colonne.
Syntaxe
let array_name[:datatype];
Initialisation
array_name = [val1,val2,valn..]
Exemple
let arr:number[]; arr = [1, 2, 3, 4] console.log('Array[0]: ' +arr[0]); console.log('Array[1]: ' +arr[1]);
Sortir:
Array[0]: 1 Array[1]: 2
Tableau multidimensionnel
Un tableau multidimensionnel est un tableau qui contient un ou plusieurs tableaux. Dans le tableau multidimensionnel, les données sont stockées dans un index basé sur des lignes et des colonnes (également appelé forme matricielle). Un tableau bidimensionnel (tableau 2D) est la forme la plus simple d’un tableau multidimensionnel.
Syntaxe
let arr_name:datatype[][] = [ [a1,a2,a3], [b1,b2,b3] ];
Initialisation
let arr_name:datatype[initial_array_index][referenced_array_index] = [ [val1,val2,val 3], [v1,v2,v3]];
Exemple
var mArray:number[][] = [[1,2,3],[5,6,7]] ; console.log(mArray[0][0]); console.log(mArray[0][1]); console.log(mArray[0][2]); console.log(); console.log(mArray[1][0]); console.log(mArray[1][1]); console.log(mArray[1][2]);
Sortir:
1 2 3 5 6 7
Objet de tableau
Les objets tableau nous permettent de stocker plusieurs valeurs dans une seule variable. Nous pouvons créer un tableau en utilisant l'objet Array. Le constructeur Array est utilisé pour transmettre les arguments suivants pour la création d'un tableau.
- Une valeur numérique qui représente la taille d'un tableau ou
- Une liste de valeurs séparées par des virgules.
Syntaxe
let arr_name:datatype[] = new Array(values);
Exemple
//array by using the Array object. let arr:string[] = new Array('JavaTpoint','2200','Java','Abhishek'); for(var i = 0;i <arr.length;i++) { console.log(arr[i]); } < pre> <p> <strong>Output:</strong> </p> <pre> JavaTpoint 2200 Java Abhishek </pre> <h3>Array Traversal by using a for...in loop</h3> <p> <strong>Example</strong> </p> <pre> let i:any; let arr:string[] = ['JavaTpoint', '2300', 'Java', 'Abhishek']; for(i in arr) { console.log(arr[i]) } </pre> <p> <strong>Output:</strong> </p> <pre> JavaTpoint 2300 Java Abhishek </pre> <h3>Passing Arrays to Functions</h3> <p>We can pass arrays to functions by specifying the array name without an index.</p> <p> <strong>Example</strong> </p> <pre> let arr:string[] = new Array('JavaTpoint', '2300', 'Java', 'Abhishek'); //Passing arrays in function function display(arr_values:string[]) { for(let i = 0;i <arr_values.length;i++) { console.log(arr[i]); } calling arrays in function display(arr); < pre> <p> <strong>Output:</strong> </p> <pre> JavaTpoint 2300 Java Abhishek </pre> <hr> <h2>TypeScript Spread operator</h2> <p>The spread operator is used to initialize arrays and objects from another array or object. We can also use it for object de-structuring. It is a part of the ES 6 version.</p> <p> <strong>Example</strong> </p> <pre> let arr1 = [ 1, 2, 3]; let arr2 = [ 4, 5, 6]; //Create new array from existing array let copyArray = [...arr1]; console.log('CopiedArray: ' +copyArray); //Create new array from existing array with more elements let newArray = [...arr1, 7, 8]; console.log('NewArray: ' +newArray); //Create array by merging two arrays let mergedArray = [...arr1, ...arr2]; console.log('MergedArray: ' +mergedArray); </pre> <p> <strong>Output:</strong> </p> <pre> CopiedArray: 1,2,3 NewArray: 1,2,3,7,8 MergedArray: 1,2,3,4,5,6 </pre> <hr> <h2>Array Methods</h2> <p>The list of array methods with their description is given below.</p> <table class="table"> <tr> <th>SN</th> <th>Method</th> <th>Description</th> </tr> <tr> <td>1.</td> <td>concat()</td> <td>It is used to joins two arrays and returns the combined result.</td> </tr> <tr> <td>2.</td> <td>copyWithin()</td> <td>It copies a sequence of an element within the array.</td> </tr> <tr> <td>3.</td> <td>every()</td> <td>It returns true if every element in the array satisfies the provided testing function.</td> </tr> <tr> <td>4.</td> <td>fill()</td> <td>It fills an array with a static value from the specified start to end index.</td> </tr> <tr> <td>5.</td> <td>indexOf()</td> <td>It returns the index of the matching element in the array, otherwise -1.</td> </tr> <tr> <td>6.</td> <td>includes()</td> <td>It is used to check whether the array contains a certain element or not.</td> </tr> <tr> <td>7.</td> <td>Join()</td> <td>It is used to joins all elements of an array into a string.</td> </tr> <tr> <td>8.</td> <td>lastIndexOf()</td> <td>It returns the last index of an element in the array.</td> </tr> <tr> <td>9.</td> <td>Pop()</td> <td>It is used to removes the last elements of the array.</td> </tr> <tr> <td>10.</td> <td>Push()</td> <td>It is used to add new elements to the array.</td> </tr> <tr> <td>11.</td> <td>reverse()</td> <td>It is used to reverse the order of an element in the array.</td> </tr> <tr> <td>12.</td> <td>Shift()</td> <td>It is used to removes and returns the first element of an array.</td> </tr> <tr> <td>13.</td> <td>slice()</td> <td>It returns the section fo an array in the new array.</td> </tr> <tr> <td>14.</td> <td>sort()</td> <td>It is used to sort the elements of an array.</td> </tr> <tr> <td>15.</td> <td>splice()</td> <td>It is used to add or remove the elements from an array.</td> </tr> <tr> <td>16.</td> <td>toString()</td> <td>It returns the string representation of an array.</td> </tr> <tr> <td>17.</td> <td>unshift()</td> <td>It is used to add one or more elements to the beginning of an array.</td> </tr> </table></arr_values.length;i++)></pre></arr.length;i++)> Array Traversal en utilisant une boucle for...in
Exemple
let i:any; let arr:string[] = ['JavaTpoint', '2300', 'Java', 'Abhishek']; for(i in arr) { console.log(arr[i]) } Sortir:
JavaTpoint 2300 Java Abhishek
Passer des tableaux aux fonctions
Nous pouvons transmettre des tableaux aux fonctions en spécifiant le nom du tableau sans index.
Exemple
poids de Kat Timpf
let arr:string[] = new Array('JavaTpoint', '2300', 'Java', 'Abhishek'); //Passing arrays in function function display(arr_values:string[]) { for(let i = 0;i <arr_values.length;i++) { console.log(arr[i]); } calling arrays in function display(arr); < pre> <p> <strong>Output:</strong> </p> <pre> JavaTpoint 2300 Java Abhishek </pre> <hr> <h2>TypeScript Spread operator</h2> <p>The spread operator is used to initialize arrays and objects from another array or object. We can also use it for object de-structuring. It is a part of the ES 6 version.</p> <p> <strong>Example</strong> </p> <pre> let arr1 = [ 1, 2, 3]; let arr2 = [ 4, 5, 6]; //Create new array from existing array let copyArray = [...arr1]; console.log('CopiedArray: ' +copyArray); //Create new array from existing array with more elements let newArray = [...arr1, 7, 8]; console.log('NewArray: ' +newArray); //Create array by merging two arrays let mergedArray = [...arr1, ...arr2]; console.log('MergedArray: ' +mergedArray); </pre> <p> <strong>Output:</strong> </p> <pre> CopiedArray: 1,2,3 NewArray: 1,2,3,7,8 MergedArray: 1,2,3,4,5,6 </pre> <hr> <h2>Array Methods</h2> <p>The list of array methods with their description is given below.</p> <table class="table"> <tr> <th>SN</th> <th>Method</th> <th>Description</th> </tr> <tr> <td>1.</td> <td>concat()</td> <td>It is used to joins two arrays and returns the combined result.</td> </tr> <tr> <td>2.</td> <td>copyWithin()</td> <td>It copies a sequence of an element within the array.</td> </tr> <tr> <td>3.</td> <td>every()</td> <td>It returns true if every element in the array satisfies the provided testing function.</td> </tr> <tr> <td>4.</td> <td>fill()</td> <td>It fills an array with a static value from the specified start to end index.</td> </tr> <tr> <td>5.</td> <td>indexOf()</td> <td>It returns the index of the matching element in the array, otherwise -1.</td> </tr> <tr> <td>6.</td> <td>includes()</td> <td>It is used to check whether the array contains a certain element or not.</td> </tr> <tr> <td>7.</td> <td>Join()</td> <td>It is used to joins all elements of an array into a string.</td> </tr> <tr> <td>8.</td> <td>lastIndexOf()</td> <td>It returns the last index of an element in the array.</td> </tr> <tr> <td>9.</td> <td>Pop()</td> <td>It is used to removes the last elements of the array.</td> </tr> <tr> <td>10.</td> <td>Push()</td> <td>It is used to add new elements to the array.</td> </tr> <tr> <td>11.</td> <td>reverse()</td> <td>It is used to reverse the order of an element in the array.</td> </tr> <tr> <td>12.</td> <td>Shift()</td> <td>It is used to removes and returns the first element of an array.</td> </tr> <tr> <td>13.</td> <td>slice()</td> <td>It returns the section fo an array in the new array.</td> </tr> <tr> <td>14.</td> <td>sort()</td> <td>It is used to sort the elements of an array.</td> </tr> <tr> <td>15.</td> <td>splice()</td> <td>It is used to add or remove the elements from an array.</td> </tr> <tr> <td>16.</td> <td>toString()</td> <td>It returns the string representation of an array.</td> </tr> <tr> <td>17.</td> <td>unshift()</td> <td>It is used to add one or more elements to the beginning of an array.</td> </tr> </table></arr_values.length;i++)> Opérateur de propagation TypeScript
L'opérateur spread est utilisé pour initialiser des tableaux et des objets à partir d'un autre tableau ou objet. Nous pouvons également l'utiliser pour la déstructuration d'objets. Il fait partie de la version ES 6.
Exemple
let arr1 = [ 1, 2, 3]; let arr2 = [ 4, 5, 6]; //Create new array from existing array let copyArray = [...arr1]; console.log('CopiedArray: ' +copyArray); //Create new array from existing array with more elements let newArray = [...arr1, 7, 8]; console.log('NewArray: ' +newArray); //Create array by merging two arrays let mergedArray = [...arr1, ...arr2]; console.log('MergedArray: ' +mergedArray);
Sortir:
CopiedArray: 1,2,3 NewArray: 1,2,3,7,8 MergedArray: 1,2,3,4,5,6
Méthodes de tableau
La liste des méthodes de tableau avec leur description est donnée ci-dessous.
| SN | Méthode | Description |
|---|---|---|
| 1. | concat () | Il est utilisé pour joindre deux tableaux et renvoie le résultat combiné. |
| 2. | copierDans() | Il copie une séquence d'un élément dans le tableau. |
| 3. | chaque() | Il renvoie vrai si chaque élément du tableau satisfait à la fonction de test fournie. |
| 4. | remplir() | Il remplit un tableau avec une valeur statique de l'index de début à la fin spécifié. |
| 5. | Indice de() | Il renvoie l'index de l'élément correspondant dans le tableau, sinon -1. |
| 6. | inclut() | Il est utilisé pour vérifier si le tableau contient ou non un certain élément. |
| 7. | Rejoindre() | Il est utilisé pour joindre tous les éléments d’un tableau dans une chaîne. |
| 8. | dernierIndexDe() | Il renvoie le dernier index d'un élément du tableau. |
| 9. | Populaire() | Il est utilisé pour supprimer les derniers éléments du tableau. |
| dix. | Pousser() | Il est utilisé pour ajouter de nouveaux éléments au tableau. |
| onze. | inverse() | Il est utilisé pour inverser l’ordre d’un élément dans le tableau. |
| 12. | Changement() | Il est utilisé pour supprimer et renvoyer le premier élément d'un tableau. |
| 13. | tranche() | Il renvoie la section d'un tableau dans le nouveau tableau. |
| 14. | trier() | Il est utilisé pour trier les éléments d'un tableau. |
| quinze. | épissure() | Il est utilisé pour ajouter ou supprimer des éléments d’un tableau. |
| 16. | àChaîne() | Il renvoie la représentation sous forme de chaîne d'un tableau. |
| 17. | décaler() | Il permet d'ajouter un ou plusieurs éléments au début d'un tableau. |