Een array is een homogene verzameling van vergelijkbare typen elementen met een aaneengesloten geheugenlocatie.
Een array is een door de gebruiker gedefinieerd gegevenstype.
Een array is een type gegevensstructuur waarin we de elementen van een vergelijkbaar gegevenstype opslaan. In een array kunnen we slechts een vaste set elementen opslaan. We kunnen het ook als object gebruiken.
De array is op index gebaseerde opslag, waarbij het eerste element wordt opgeslagen op index 0. De onderstaande structuur helpt de structuur van een array te begrijpen.
Kenmerken van een array
- In een array worden elementen opgeslagen die hetzelfde gegevenstype hebben.
- Array-elementen opgeslagen op aangrenzende geheugenlocaties.
- De opslag van 2D-array-elementen vindt rij voor rij plaats op een aaneengesloten geheugenlocatie.
- Arraynaam vertegenwoordigt het adres van het startelement.
- De grootte van een array moet worden geïnitialiseerd op het moment van declaratie.
- De arraygrootte moet een constante uitdrukking zijn en geen variabele.
- We kunnen array-elementen ophalen door de corresponderende indexwaarde van het element op te geven.
Voordeel
Code-optimalisatie: Een array helpt de code te optimaliseren, waardoor de snelheid en prestaties van het programma toenemen. Hiermee kunnen we de arraygegevens efficiënter ophalen of sorteren.
Willekeurige toegang: Het biedt de mogelijkheid om in constante tijd toegang te krijgen tot alle gegevens van een array (onafhankelijk van de positie en grootte ervan). We kunnen dus alle gegevens van een array die zich op elke indexpositie bevinden, rechtstreeks verkrijgen.
Nadeel
Groottelimiet: Met een array kunnen we alleen het vaste aantal elementen opslaan. Zodra de array is gedeclareerd, kunnen we de grootte ervan niet meer wijzigen. Als we dus meer elementen willen invoegen dan aangegeven, is dit niet mogelijk.
Array-declaratie
Net als JavaScript ondersteunt TypeScript ook arrays. Er zijn twee manieren om een array te declareren:
1. Gebruik vierkante haken.
let array_name[:datatype] = [val1,val2,valn..]
Voorbeeld:
let fruits: string[] = ['Apple', 'Orange', 'Banana'];
2. Een algemeen arraytype gebruiken.
Java opent een bestand
let array_name: Array = [val1,val2,valn..]
Voorbeeld:
let fruits: Array = ['Apple', 'Orange', 'Banana'];
Typen van de array in TypeScript
Er zijn twee typen arrays:
- Enkeldimensionale array
- Multidimensionale array
Enkeldimensionale array
Een eendimensionale array is een type lineaire array, die slechts één rij bevat voor het opslaan van gegevens. Het heeft een enkele set vierkante haakjes ('[]'). We hebben toegang tot de elementen via de rij- of kolomindex.
Syntaxis
let array_name[:datatype];
Initialisatie
array_name = [val1,val2,valn..]
Voorbeeld
let arr:number[]; arr = [1, 2, 3, 4] console.log('Array[0]: ' +arr[0]); console.log('Array[1]: ' +arr[1]);
Uitgang:
Array[0]: 1 Array[1]: 2
Multidimensionale array
Een multidimensionale array is een array die een of meer arrays bevat. In de multidimensionale array worden gegevens opgeslagen in een rij- en kolomgebaseerde index (ook wel matrixvorm genoemd). Een tweedimensionale array (2D-array) is de eenvoudigste vorm van een multidimensionale array.
Syntaxis
let arr_name:datatype[][] = [ [a1,a2,a3], [b1,b2,b3] ];
Initialisatie
let arr_name:datatype[initial_array_index][referenced_array_index] = [ [val1,val2,val 3], [v1,v2,v3]];
Voorbeeld
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]);
Uitgang:
1 2 3 5 6 7
Array-object
Met array-objecten kunnen we meerdere waarden in één variabele opslaan. We kunnen een array maken met behulp van het Array-object. De Array-constructor wordt gebruikt om de volgende argumenten door te geven voor het maken van arrays.
- Een numerieke waarde die de grootte van een array of
- Een lijst met door komma's gescheiden waarden.
Syntaxis
let arr_name:datatype[] = new Array(values);
Voorbeeld
//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 met behulp van een for...in-lus
Voorbeeld
let i:any; let arr:string[] = ['JavaTpoint', '2300', 'Java', 'Abhishek']; for(i in arr) { console.log(arr[i]) } Uitgang:
JavaTpoint 2300 Java Abhishek
Arrays doorgeven aan functies
We kunnen arrays doorgeven aan functies door de arraynaam zonder index op te geven.
Voorbeeld
formaat Java-tekenreeks
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++)> TypeScript Spread-operator
De spread-operator wordt gebruikt om arrays en objecten van een andere array of object te initialiseren. We kunnen het ook gebruiken voor het destructureren van objecten. Het maakt deel uit van de ES 6-versie.
Voorbeeld
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);
Uitgang:
CopiedArray: 1,2,3 NewArray: 1,2,3,7,8 MergedArray: 1,2,3,4,5,6
Array-methoden
De lijst met arraymethoden met hun beschrijving vindt u hieronder.
| SN | Methode | Beschrijving |
|---|---|---|
| 1. | concat() | Het wordt gebruikt om twee arrays samen te voegen en het gecombineerde resultaat terug te geven. |
| 2. | kopiërenBinnen() | Het kopieert een reeks van een element binnen de array. |
| 3. | elk() | Het retourneert waar als elk element in de array voldoet aan de opgegeven testfunctie. |
| 4. | vullen() | Het vult een array met een statische waarde van de opgegeven begin- tot eindindex. |
| 5. | index van() | Het retourneert de index van het overeenkomende element in de array, anders -1. |
| 6. | omvat() | Het wordt gebruikt om te controleren of de array een bepaald element bevat of niet. |
| 7. | Meedoen() | Het wordt gebruikt om alle elementen van een array samen te voegen tot een string. |
| 8. | laatsteIndexOf() | Het retourneert de laatste index van een element in de array. |
| 9. | Knal() | Het wordt gebruikt om de laatste elementen van de array te verwijderen. |
| 10. | Duw() | Het wordt gebruikt om nieuwe elementen aan de array toe te voegen. |
| elf. | achteruit() | Het wordt gebruikt om de volgorde van een element in de array om te keren. |
| 12. | Verschuiving() | Het wordt gebruikt om het eerste element van een array te verwijderen en terug te geven. |
| 13. | plak() | Het retourneert de sectie van een array in de nieuwe array. |
| 14. | soort() | Het wordt gebruikt om de elementen van een array te sorteren. |
| vijftien. | splitsen() | Het wordt gebruikt om elementen aan een array toe te voegen of te verwijderen. |
| 16. | toString() | Het retourneert de tekenreeksrepresentatie van een array. |
| 17. | ongedaan maken() | Het wordt gebruikt om een of meer elementen aan het begin van een array toe te voegen. |