logo

TypeScript-matriser

En matrise er en homogen samling av lignende typer elementer som har en sammenhengende minneplassering.

En matrise er en brukerdefinert datatype.

En matrise er en type datastruktur der vi lagrer elementene til en lignende datatype. I en matrise kan vi bare lagre et fast sett med elementer. Vi kan også bruke den som et objekt.

Arrayen er indeksbasert lagring, hvor det første elementet lagres ved indeks 0. Strukturen nedenfor hjelper til med å forstå strukturen til en array.

TypeScript-matriser

Kjennetegn ved en matrise

  1. En matrise lagrer elementer som har samme datatype.
  2. Matriseelementer lagret i sammenhengende minneplasseringer.
  3. Lagringen av 2-D array-elementer er rad for rad i en sammenhengende minneplassering.
  4. Matrisenavn representerer adressen til startelementet.
  5. Størrelsen på en matrise skal initialiseres på deklarasjonstidspunktet.
  6. Matrisestørrelse skal være et konstant uttrykk og ikke en variabel.
  7. Vi kan hente matriseelementer ved å spesifisere elementets tilsvarende indeksverdi.

Fordel

Kodeoptimalisering: En array bidrar til å gjøre koden optimalisert, noe som øker hastigheten og ytelsen til programmet. Det lar oss hente eller sortere array-dataene mer effektivt.

Tilfeldig tilgang: Det gir muligheten til å få tilgang til alle data i en matrise i konstant tid (uavhengig av posisjon og størrelse). Dermed kan vi få alle data fra en matrise som er plassert på en hvilken som helst indeksposisjon direkte.

Ulempe

Størrelsesgrense: En matrise lar oss bare lagre det faste antallet elementer. Når matrisen er deklarert, kan vi ikke endre størrelsen. Derfor, hvis vi ønsker å sette inn flere elementer enn deklarert, er det ikke mulig.

Array-erklæring

Akkurat som JavaScript, støtter TypeScript også arrays. Det er to måter å deklarere en matrise på:

1. Bruk firkantede parenteser.

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

Eksempel:

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

2. Bruke en generisk matrisetype.

r på c-språk
 let array_name: Array = [val1,val2,valn..] 

Eksempel:

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

Typer av matrisen i TypeScript

Det er to typer en matrise:

  1. Endimensjonal array
  2. Multi-Dimensjonal Array
TypeScript-matriser

Endimensjonal array

En endimensjonal matrise er en type lineær matrise, som bare inneholder én rad for lagring av data. Den har et enkelt sett med den firkantede parentesen ('[]'). Vi kan få tilgang til elementene enten ved å bruke rad- eller kolonneindeks.

Syntaks

 let array_name[:datatype]; 

Initialisering

 array_name = [val1,val2,valn..] 

Eksempel

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

Produksjon:

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

Multi-Dimensjonal Array

En flerdimensjonal matrise er en matrise som inneholder en eller flere matriser. I den flerdimensjonale matrisen lagres data i en rad- og kolonnebasert indeks (også kjent som matriseform). En todimensjonal matrise (2-D matrise) er den enkleste formen for en flerdimensjonal matrise.

TypeScript-matriser

Syntaks

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

Eksempel

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

Produksjon:

 1 2 3 5 6 7 

Array-objekt

Array-objekter lar oss lagre flere verdier i en enkelt variabel. Vi kan lage en matrise ved å bruke Array-objektet. Array-konstruktøren brukes til å sende følgende argumenter for array-oppretting.

  • En numerisk verdi som representerer størrelsen på en matrise eller
  • En liste over kommadelte verdier.

Syntaks

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

Eksempel

 //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 ved å bruke en for...in loop

Eksempel

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

Produksjon:

 JavaTpoint 2300 Java Abhishek 

Sende matriser til funksjoner

Vi kan sende arrays til funksjoner ved å spesifisere array-navnet uten en indeks.

Eksempel

prøv catch block 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

Spredningsoperatoren brukes til å initialisere arrays og objekter fra en annen array eller objekt. Vi kan også bruke den til å destrukturere objekter. Det er en del av ES 6-versjonen.

Eksempel

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

Produksjon:

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

Array-metoder

Listen over matrisemetoder med deres beskrivelse er gitt nedenfor.

SN Metode Beskrivelse
1. concat() Den brukes til å slå sammen to matriser og returnerer det kombinerte resultatet.
2. copyWithin() Den kopierer en sekvens av et element i matrisen.
3. hver() Den returnerer sann hvis hvert element i matrisen tilfredsstiller den medfølgende testfunksjonen.
4. fylle() Den fyller en matrise med en statisk verdi fra den angitte start- til sluttindeksen.
5. oversikt over() Den returnerer indeksen til det matchende elementet i matrisen, ellers -1.
6. inkluderer() Den brukes til å sjekke om matrisen inneholder et bestemt element eller ikke.
7. Bli med() Den brukes til å slå sammen alle elementene i en matrise til en streng.
8. lastIndexOf() Den returnerer den siste indeksen til et element i matrisen.
9. Pop() Den brukes til å fjerne de siste elementene i matrisen.
10. Trykk() Den brukes til å legge til nye elementer til matrisen.
elleve. omvendt() Den brukes til å reversere rekkefølgen til et element i matrisen.
12. Skifte() Den brukes til å fjerne og returnere det første elementet i en matrise.
1. 3. skive() Den returnerer seksjonen for en matrise i den nye matrisen.
14. sortere() Den brukes til å sortere elementene i en matrise.
femten. skjøte() Den brukes til å legge til eller fjerne elementene fra en matrise.
16. toString() Den returnerer strengrepresentasjonen av en matrise.
17. unshift() Den brukes til å legge til ett eller flere elementer i begynnelsen av en matrise.