Taulukko on homogeeninen kokoelma samantyyppisiä elementtejä, joilla on vierekkäinen muistipaikka.

Taulukko on käyttäjän määrittämä tietotyyppi.

Taulukko on eräänlainen tietorakenne, johon tallennamme samantyyppisiä elementtejä. Matriisiin voimme tallentaa vain kiinteän joukon elementtejä. Voimme käyttää sitä myös esineenä.

Taulukko on indeksipohjainen tallennus, jossa ensimmäinen elementti on tallennettu indeksiin 0. Alla oleva rakenne auttaa ymmärtämään taulukon rakennetta.

Array:n ominaisuudet

1. Taulukko tallentaa elementtejä, joilla on sama tietotyyppi.
2. Matriisielementit, jotka on tallennettu vierekkäisiin muistipaikkoihin.
3. 2-D-taulukon elementtien tallennus rivitetään riviltä viereiseen muistipaikkaan.
4. Taulukon nimi edustaa aloituselementin osoitetta.
5. Taulukon koko tulee alustaa ilmoitushetkellä.
6. Taulukon koon tulee olla vakiolauseke eikä muuttuja.
7. Voimme hakea taulukkoelementtejä määrittämällä elementille vastaavan indeksiarvon.

Etu

Koodin optimointi: Taulukko auttaa optimoimaan koodin, mikä lisää ohjelman nopeutta ja suorituskykyä. Sen avulla voimme noutaa tai lajitella taulukon tiedot tehokkaammin.

Satunnainen pääsy: Se tarjoaa mahdollisuuden käyttää kaikkia taulukon tietoja vakioajassa (riippumatta sen sijainnista ja koosta). Siten voimme saada minkä tahansa taulukon tiedot suoraan missä tahansa indeksipaikassa.

Epäkohta

Kokorajoitus: Taulukon avulla voimme tallentaa vain kiinteän määrän elementtejä. Kun taulukko on ilmoitettu, emme voi muuttaa sen kokoa. Näin ollen, jos haluamme lisätä enemmän elementtejä kuin ilmoitettu, se ei ole mahdollista.

Taulukon ilmoitus

Kuten JavaScript, myös TypeScript tukee taulukoita. On kaksi tapaa ilmoittaa taulukko:

1. Hakasulkujen käyttö.

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

Esimerkki:

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

2. Yleisen taulukkotyypin käyttäminen.

talviunen murre

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

Esimerkki:

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

TypeScriptin taulukon tyypit

Matriisia on kahta tyyppiä:

1. Yksiulotteinen taulukko
2. Moniulotteinen taulukko

Yksiulotteinen taulukko

Yksiulotteinen taulukko on eräänlainen lineaarinen taulukko, joka sisältää vain yhden rivin tietojen tallentamista varten. Siinä on yksi hakasulkesarja ('[]'). Voimme käyttää sen elementtejä joko rivi- tai sarakeindeksin avulla.

Syntaksi

 let array_name[:datatype]; 

Alustus

 array_name = [val1,val2,valn..] 

Esimerkki

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

Lähtö:

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

Moniulotteinen taulukko

Moniulotteinen taulukko on taulukko, joka sisältää yhden tai useamman taulukon. Moniulotteisessa taulukossa tiedot tallennetaan rivi- ja sarakepohjaiseen indeksiin (tunnetaan myös matriisimuotona). Kaksiulotteinen taulukko (2-D array) on moniulotteisen taulukon yksinkertaisin muoto.

Syntaksi

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

Alustus

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

Esimerkki

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

Lähtö:

 1 2 3 5 6 7 

Array-objekti

Array-objektien avulla voimme tallentaa useita arvoja yhteen muuttujaan. Voimme luoda taulukon käyttämällä Array-objektia. Array-konstruktoria käytetään seuraavien argumenttien välittämiseen taulukon luomista varten.

• Numeerinen arvo, joka edustaa taulukon kokoa tai
• Luettelo pilkuilla erotetuista arvoista.

Syntaksi

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

Esimerkki

 //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 käyttämällä for...in silmukkaa

Esimerkki

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

Lähtö:

 JavaTpoint 2300 Java Abhishek 

Taulukon välittäminen funktioille

Voimme välittää taulukoita funktioille määrittämällä taulukon nimen ilman indeksiä.

Esimerkki

Javaa päivitetään

 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 -operaattori

Hajautusoperaattoria käytetään taulukoiden ja objektien alustamiseen toisesta taulukosta tai objektista. Voimme käyttää sitä myös objektien rakenteen purkamiseen. Se on osa ES 6 -versiota.

Esimerkki

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

Lähtö:

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

Array Methods

Alla on luettelo matriisimenetelmistä ja niiden kuvauksista.