logo

TypeScript-arrayer

En array är en homogen samling av liknande typer av element som har en sammanhängande minnesplats.

En array är en användardefinierad datatyp.

En array är en typ av datastruktur där vi lagrar elementen av en liknande datatyp. I en array kan vi bara lagra en fast uppsättning element. Vi kan också använda den som ett objekt.

Arrayen är indexbaserad lagring, där det första elementet lagras vid index 0. Strukturen nedan hjälper till att förstå strukturen för en array.

TypeScript-arrayer

Egenskaper för en array

  1. En array lagrar element som har samma datatyp.
  2. Arrayelement lagrade på sammanhängande minnesplatser.
  3. Lagringen av 2D-matriselement radas för rad i en sammanhängande minnesplats.
  4. Arraynamn representerar adressen till startelementet.
  5. Storleken på en array bör initieras vid deklarationstillfället.
  6. Arraystorlek ska vara ett konstant uttryck och inte en variabel.
  7. Vi kan hämta matriselement genom att ange elementets motsvarande indexvärde.

Fördel

Kodoptimering: En array hjälper till att göra koden optimerad, vilket ökar programmets hastighet och prestanda. Det gör att vi kan hämta eller sortera arraydata mer effektivt.

Slumpmässig tillgång: Det ger möjlighet att komma åt alla data i en array i konstant tid (oberoende av dess position och storlek). Således kan vi få vilken data som helst för en array som är placerad vid vilken indexposition som helst direkt.

Nackdel

Storleksgräns: En array tillåter oss att endast lagra det fasta antalet element. När arrayen väl har deklarerats kan vi inte ändra dess storlek. Därför, om vi vill infoga fler element än deklarerat, är det inte möjligt.

Array-deklaration

Precis som JavaScript stöder TypeScript också arrayer. Det finns två sätt att deklarera en array:

1. Använd hakparenteser.

 let array_name[:datatype] = [val1,val2,valn..] 

Exempel:

 let fruits: string[] = ['Apple', 'Orange', 'Banana']; 

2. Använda en generisk arraytyp.

diskret matematik negation
 let array_name: Array = [val1,val2,valn..] 

Exempel:

 let fruits: Array = ['Apple', 'Orange', 'Banana']; 

Typer av arrayen i TypeScript

Det finns två typer av en array:

  1. Endimensionell array
  2. Multidimensionell array
TypeScript-arrayer

Endimensionell array

En endimensionell array är en typ av linjär array som bara innehåller en rad för lagring av data. Den har en enda uppsättning av hakparentesen ('[]'). Vi kan komma åt dess element antingen genom att använda rad- eller kolumnindex.

Syntax

 let array_name[:datatype]; 

Initialisering

 array_name = [val1,val2,valn..] 

Exempel

 let arr:number[]; arr = [1, 2, 3, 4] console.log('Array[0]: ' +arr[0]); console.log('Array[1]: ' +arr[1]); 

Produktion:

 Array[0]: 1 Array[1]: 2 

Multidimensionell array

En flerdimensionell array är en array som innehåller en eller flera arrayer. I den flerdimensionella matrisen lagras data i ett rad- och kolumnbaserat index (även känt som matrisform). En tvådimensionell array (2-D array) är den enklaste formen av en flerdimensionell array.

TypeScript-arrayer

Syntax

 let arr_name:datatype[][] = [ [a1,a2,a3], [b1,b2,b3] ]; 

Initialisering

 let arr_name:datatype[initial_array_index][referenced_array_index] = [ [val1,val2,val 3], [v1,v2,v3]]; 

Exempel

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

Produktion:

 1 2 3 5 6 7 

Arrayobjekt

Arrayobjekt tillåter oss att lagra flera värden i en enda variabel. Vi kan skapa en array genom att använda Array-objektet. Array-konstruktorn används för att skicka följande argument för att skapa array.

  • Ett numeriskt värde som representerar storleken på en matris eller
  • En lista med kommaseparerade värden.

Syntax

 let arr_name:datatype[] = new Array(values); 

Exempel

 //array by using the Array object. let arr:string[] = new Array(&apos;JavaTpoint&apos;,&apos;2200&apos;,&apos;Java&apos;,&apos;Abhishek&apos;); 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[] = [&apos;JavaTpoint&apos;, &apos;2300&apos;, &apos;Java&apos;, &apos;Abhishek&apos;]; 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(&apos;JavaTpoint&apos;, &apos;2300&apos;, &apos;Java&apos;, &apos;Abhishek&apos;); //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(&apos;CopiedArray: &apos; +copyArray); //Create new array from existing array with more elements let newArray = [...arr1, 7, 8]; console.log(&apos;NewArray: &apos; +newArray); //Create array by merging two arrays let mergedArray = [...arr1, ...arr2]; console.log(&apos;MergedArray: &apos; +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 genom att använda en for...in loop

Exempel

 let i:any; let arr:string[] = [&apos;JavaTpoint&apos;, &apos;2300&apos;, &apos;Java&apos;, &apos;Abhishek&apos;]; for(i in arr) { console.log(arr[i]) } 

Produktion:

 JavaTpoint 2300 Java Abhishek 

Skicka arrayer till funktioner

Vi kan skicka arrayer till funktioner genom att ange arraynamnet utan index.

Exempel

exempel på lista i java
 let arr:string[] = new Array(&apos;JavaTpoint&apos;, &apos;2300&apos;, &apos;Java&apos;, &apos;Abhishek&apos;); //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(&apos;CopiedArray: &apos; +copyArray); //Create new array from existing array with more elements let newArray = [...arr1, 7, 8]; console.log(&apos;NewArray: &apos; +newArray); //Create array by merging two arrays let mergedArray = [...arr1, ...arr2]; console.log(&apos;MergedArray: &apos; +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

Spridningsoperatorn används för att initiera arrayer och objekt från en annan array eller ett annat objekt. Vi kan också använda den för att destrukturera objekt. Det är en del av ES 6-versionen.

Exempel

 let arr1 = [ 1, 2, 3]; let arr2 = [ 4, 5, 6]; //Create new array from existing array let copyArray = [...arr1]; console.log(&apos;CopiedArray: &apos; +copyArray); //Create new array from existing array with more elements let newArray = [...arr1, 7, 8]; console.log(&apos;NewArray: &apos; +newArray); //Create array by merging two arrays let mergedArray = [...arr1, ...arr2]; console.log(&apos;MergedArray: &apos; +mergedArray); 

Produktion:

 CopiedArray: 1,2,3 NewArray: 1,2,3,7,8 MergedArray: 1,2,3,4,5,6 

Array-metoder

Listan över arraymetoder med deras beskrivning ges nedan.

SN Metod Beskrivning
1. concat() Den används för att sammanfoga två arrayer och returnerar det kombinerade resultatet.
2. copyWithin() Den kopierar en sekvens av ett element i arrayen.
3. varje() Den returnerar sant om varje element i arrayen uppfyller den tillhandahållna testfunktionen.
4. fylla() Den fyller en array med ett statiskt värde från det angivna start- till slutindexet.
5. index för() Den returnerar indexet för det matchande elementet i arrayen, annars -1.
6. inkluderar() Den används för att kontrollera om arrayen innehåller ett visst element eller inte.
7. Ansluta sig() Den används för att sammanfoga alla element i en array till en sträng.
8. lastIndexOf() Den returnerar det sista indexet för ett element i arrayen.
9. Pop() Den används för att ta bort de sista elementen i arrayen.
10. Skjuta på() Den används för att lägga till nya element i arrayen.
elva. omvänd() Den används för att vända ordningen på ett element i arrayen.
12. Flytta() Det används för att ta bort och returnera det första elementet i en array.
13. skiva() Den returnerar sektionen för en array i den nya arrayen.
14. sortera() Den används för att sortera elementen i en array.
femton. splitsa() Den används för att lägga till eller ta bort elementen från en array.
16. att stränga() Den returnerar strängrepresentationen av en array.
17. unshift() Den används för att lägga till ett eller flera element i början av en array.