TechCodeview

Pole je homogénna kolekcia prvkov podobného typu, ktoré majú súvislé miesto v pamäti.

Pole je typ údajov definovaný používateľom.

Pole je typ dátovej štruktúry, kde ukladáme prvky podobného dátového typu. V poli môžeme uložiť iba pevnú množinu prvkov. Môžeme ho použiť aj ako predmet.

Pole je úložisko založené na indexe, kde je prvý prvok uložený na indexe 0. Nižšie uvedená štruktúra pomáha pochopiť štruktúru poľa.

Charakteristiky poľa

1. Pole ukladá prvky, ktoré majú rovnaký dátový typ.
2. Prvky poľa uložené v súvislých pamäťových miestach.
3. Ukladanie prvkov 2-D poľa je riadené riadkom v súvislom pamäťovom mieste.
4. Názov poľa predstavuje adresu počiatočného prvku.
5. Veľkosť poľa by mala byť inicializovaná v čase deklarácie.
6. Veľkosť poľa by mala byť konštantný výraz a nie premenná.
7. Prvky poľa môžeme získať zadaním zodpovedajúcej hodnoty indexu prvku.

Výhoda

Optimalizácia kódu: Pole pomáha optimalizovať kód, čo zvyšuje rýchlosť a výkon programu. Umožňuje nám efektívnejšie získavať alebo triediť údaje poľa.

Náhodný prístup: Poskytuje možnosť prístupu k akýmkoľvek údajom poľa v konštantnom čase (nezávisle od jeho polohy a veľkosti). Takto môžeme priamo získať akékoľvek údaje poľa umiestneného na ľubovoľnej pozícii indexu.

Nevýhoda

Limit veľkosti: Pole nám umožňuje uložiť iba pevný počet prvkov. Akonáhle je pole deklarované, nemôžeme zmeniť jeho veľkosť. Ak teda chceme vložiť viac prvkov, ako je deklarované, nie je to možné.

Vyhlásenie poľa

Rovnako ako JavaScript, aj TypeScript podporuje polia. Existujú dva spôsoby, ako deklarovať pole:

1. Pomocou hranatých zátvoriek.

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

Príklad:

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

2. Použitie generického typu poľa.

pytónový had vs anakonda

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

Príklad:

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

Typy poľa v TypeScript

Existujú dva typy poľa:

1. Jednorozmerné pole
2. Viacrozmerné pole

Jednorozmerné pole

Jednorozmerné pole je typ lineárneho poľa, ktoré obsahuje iba jeden riadok na ukladanie údajov. Má jednu množinu hranatých zátvoriek („[]“). K jeho prvkom môžeme pristupovať buď pomocou riadkového alebo stĺpcového indexu.

Syntax

 let array_name[:datatype]; 

Inicializácia

 array_name = [val1,val2,valn..] 

Príklad

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

Výkon:

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

Viacrozmerné pole

Viacrozmerné pole je pole, ktoré obsahuje jedno alebo viac polí. Vo viacrozmernom poli sú údaje uložené v riadkovom a stĺpcovom indexe (známom aj ako maticová forma). Dvojrozmerné pole (2-D pole) je najjednoduchšia forma viacrozmerného poľa.

Syntax

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

Inicializácia

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

Príklad

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

Výkon:

 1 2 3 5 6 7 

Array Object

Objekty poľa nám umožňujú uložiť viacero hodnôt do jednej premennej. Pole môžeme vytvoriť pomocou objektu Array. Konštruktor Array sa používa na odovzdanie nasledujúcich argumentov na vytvorenie poľa.

• Číselná hodnota, ktorá predstavuje veľkosť poľa alebo
• Zoznam hodnôt oddelených čiarkou.

Syntax

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

Príklad

 //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++)>

Prechádzanie poľa pomocou cyklu for...in

Príklad

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

Výkon:

 JavaTpoint 2300 Java Abhishek 

Odovzdávanie polí do funkcií

Polia môžeme funkciám odovzdať zadaním názvu poľa bez indexu.

Príklad

protokoly vrstvy dátového spojenia

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

Operátor TypeScript Spread

Operátor spread sa používa na inicializáciu polí a objektov z iného poľa alebo objektu. Môžeme ho použiť aj na deštrukturalizáciu objektov. Je súčasťou verzie ES 6.

Príklad

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

Výkon:

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

Array Methods

Zoznam metód poľa s ich popisom je uvedený nižšie.