Ein Array ist eine homogene Sammlung ähnlicher Elementtypen, die über einen zusammenhängenden Speicherort verfügen.
Ein Array ist ein benutzerdefinierter Datentyp.
Ein Array ist eine Art Datenstruktur, in der wir Elemente eines ähnlichen Datentyps speichern. In einem Array können wir nur einen festen Satz von Elementen speichern. Wir können es auch als Objekt verwenden.
Das Array ist ein indexbasierter Speicher, bei dem das erste Element am Index 0 gespeichert wird. Die folgende Struktur hilft, die Struktur eines Arrays zu verstehen.
Eigenschaften eines Arrays
- Ein Array speichert Elemente, die denselben Datentyp haben.
- Array-Elemente, die an zusammenhängenden Speicherorten gespeichert sind.
- Die Speicherung von 2D-Array-Elementen erfolgt zeilenweise an einem zusammenhängenden Speicherort.
- Der Array-Name repräsentiert die Adresse des Startelements.
- Die Größe eines Arrays sollte zum Zeitpunkt der Deklaration initialisiert werden.
- Die Arraygröße sollte ein konstanter Ausdruck und keine Variable sein.
- Wir können Array-Elemente abrufen, indem wir den entsprechenden Indexwert des Elements angeben.
Vorteil
Code-Optimierung: Ein Array hilft dabei, den Code zu optimieren, was die Geschwindigkeit und Leistung des Programms erhöht. Dadurch können wir die Array-Daten effizienter abrufen oder sortieren.
Zufälliger Zugriff: Es bietet die Möglichkeit, in konstanter Zeit auf beliebige Daten eines Arrays zuzugreifen (unabhängig von deren Position und Größe). Somit können wir alle Daten eines Arrays, die sich an einer beliebigen Indexposition befinden, direkt abrufen.
Nachteil
Größenbeschränkung: Ein Array ermöglicht es uns, nur die feste Anzahl von Elementen zu speichern. Sobald das Array deklariert ist, können wir seine Größe nicht mehr ändern. Wenn wir also mehr Elemente einfügen möchten als angegeben, ist dies nicht möglich.
Array-Deklaration
Genau wie JavaScript unterstützt auch TypeScript Arrays. Es gibt zwei Möglichkeiten, ein Array zu deklarieren:
1. Verwendung von eckigen Klammern.
let array_name[:datatype] = [val1,val2,valn..]
Beispiel:
let fruits: string[] = ['Apple', 'Orange', 'Banana'];
2. Verwendung eines generischen Array-Typs.
Ameise gegen Maven
let array_name: Array = [val1,val2,valn..]
Beispiel:
let fruits: Array = ['Apple', 'Orange', 'Banana'];
Typen des Arrays in TypeScript
Es gibt zwei Arten von Arrays:
- Eindimensionales Array
- Mehrdimensionales Array
Eindimensionales Array
Ein eindimensionales Array ist eine Art lineares Array, das nur eine Zeile zum Speichern von Daten enthält. Es gibt einen einzigen Satz eckiger Klammern („[]“). Wir können auf seine Elemente entweder über den Zeilen- oder Spaltenindex zugreifen.
Syntax
let array_name[:datatype];
Initialisierung
array_name = [val1,val2,valn..]
Beispiel
let arr:number[]; arr = [1, 2, 3, 4] console.log('Array[0]: ' +arr[0]); console.log('Array[1]: ' +arr[1]);
Ausgabe:
Array[0]: 1 Array[1]: 2
Mehrdimensionales Array
Ein mehrdimensionales Array ist ein Array, das ein oder mehrere Arrays enthält. Im mehrdimensionalen Array werden Daten in einem zeilen- und spaltenbasierten Index (auch als Matrixform bezeichnet) gespeichert. Ein zweidimensionales Array (2-D-Array) ist die einfachste Form eines mehrdimensionalen Arrays.
Syntax
let arr_name:datatype[][] = [ [a1,a2,a3], [b1,b2,b3] ];
Initialisierung
let arr_name:datatype[initial_array_index][referenced_array_index] = [ [val1,val2,val 3], [v1,v2,v3]];
Beispiel
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]);
Ausgabe:
1 2 3 5 6 7
Array-Objekt
Mit Array-Objekten können wir mehrere Werte in einer einzigen Variablen speichern. Mit dem Array-Objekt können wir ein Array erstellen. Der Array-Konstruktor wird verwendet, um die folgenden Argumente für die Array-Erstellung zu übergeben.
- Ein numerischer Wert, der die Größe eines Arrays darstellt oder
- Eine Liste durch Kommas getrennter Werte.
Syntax
let arr_name:datatype[] = new Array(values);
Beispiel
//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-Durchquerung mithilfe einer for...in-Schleife
Beispiel
let i:any; let arr:string[] = ['JavaTpoint', '2300', 'Java', 'Abhishek']; for(i in arr) { console.log(arr[i]) } Ausgabe:
JavaTpoint 2300 Java Abhishek
Übergabe von Arrays an Funktionen
Wir können Arrays an Funktionen übergeben, indem wir den Array-Namen ohne Index angeben.
Beispiel
Kostenlose Linux-IPconfig
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
Der Spread-Operator wird verwendet, um Arrays und Objekte aus einem anderen Array oder Objekt zu initialisieren. Wir können es auch zur Objektdestrukturierung verwenden. Es ist Teil der ES 6-Version.
Beispiel
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);
Ausgabe:
CopiedArray: 1,2,3 NewArray: 1,2,3,7,8 MergedArray: 1,2,3,4,5,6
Array-Methoden
Die Liste der Array-Methoden mit ihrer Beschreibung finden Sie unten.
| SN | Methode | Beschreibung |
|---|---|---|
| 1. | concat() | Es wird verwendet, um zwei Arrays zu verbinden und das kombinierte Ergebnis zurückzugeben. |
| 2. | copyWithin() | Es kopiert eine Sequenz eines Elements innerhalb des Arrays. |
| 3. | jeden() | Es gibt „true“ zurück, wenn jedes Element im Array die bereitgestellte Testfunktion erfüllt. |
| 4. | füllen() | Es füllt ein Array mit einem statischen Wert vom angegebenen Start- bis Endindex. |
| 5. | Index von() | Es gibt den Index des passenden Elements im Array zurück, andernfalls -1. |
| 6. | beinhaltet() | Es wird verwendet, um zu überprüfen, ob das Array ein bestimmtes Element enthält oder nicht. |
| 7. | Verbinden() | Es wird verwendet, um alle Elemente eines Arrays zu einem String zusammenzufügen. |
| 8. | lastIndexOf() | Es gibt den letzten Index eines Elements im Array zurück. |
| 9. | Pop() | Es wird verwendet, um die letzten Elemente des Arrays zu entfernen. |
| 10. | Drücken() | Es wird verwendet, um dem Array neue Elemente hinzuzufügen. |
| elf. | umkehren() | Es wird verwendet, um die Reihenfolge eines Elements im Array umzukehren. |
| 12. | Schicht() | Es wird verwendet, um das erste Element eines Arrays zu entfernen und zurückzugeben. |
| 13. | Scheibe() | Es gibt den Abschnitt für ein Array im neuen Array zurück. |
| 14. | Sortieren() | Es wird verwendet, um die Elemente eines Arrays zu sortieren. |
| fünfzehn. | spleißen() | Es wird verwendet, um Elemente zu einem Array hinzuzufügen oder daraus zu entfernen. |
| 16. | toString() | Es gibt die String-Darstellung eines Arrays zurück. |
| 17. | unshift() | Es wird verwendet, um ein oder mehrere Elemente am Anfang eines Arrays hinzuzufügen. |