logo

TypeScript масиви

Масивът е хомогенна колекция от елементи от подобен тип, които имат непрекъснато местоположение в паметта.

Масивът е тип данни, дефиниран от потребителя.

Масивът е тип структура от данни, където съхраняваме елементи от подобен тип данни. В масив можем да съхраняваме само фиксиран набор от елементи. Можем да го използваме и като обект.

Масивът е базирано на индекс хранилище, където първият елемент се съхранява при индекс 0. Структурата по-долу помага да се разбере структурата на масива.

TypeScript масиви

Характеристики на масив

  1. Масивът съхранява елементи, които имат същия тип данни.
  2. Елементи на масив, съхранявани в съседни места в паметта.
  3. Съхранението на елементи от 2-D масив е подредено по ред в непрекъснато място в паметта.
  4. Името на масива представлява адреса на началния елемент.
  5. Размерът на масива трябва да се инициализира по време на декларирането.
  6. Размерът на масива трябва да бъде постоянен израз, а не променлива.
  7. Можем да извлечем елементи от масива, като посочим съответната стойност на индекса на елемента.

Предимство

Оптимизация на кода: Масивът помага да се оптимизира кодът, което увеличава скоростта и производителността на програмата. Това ни позволява да извличаме или сортираме данните от масива по-ефективно.

Произволен достъп: Той осигурява възможност за достъп до всякакви данни от масив в постоянно време (независимо от неговата позиция и размер). По този начин можем да получим всякакви данни от масив, намиращ се на произволна индексна позиция директно.

Недостатък

Ограничение на размера: Масивът ни позволява да съхраняваме само фиксирания брой елементи. След като масивът е деклариран, не можем да променим размера му. Следователно, ако искаме да вмъкнем повече елемент от декларирания, това не е възможно.

Декларация на масив

Точно като JavaScript, TypeScript също поддържа масиви. Има два начина за деклариране на масив:

1. Използване на квадратни скоби.

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

Пример:

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

2. Използване на общ тип масив.

класова диаграма на java
 let array_name: Array = [val1,val2,valn..] 

Пример:

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

Типове на масива в TypeScript

Има два вида масив:

  1. Едномерен масив
  2. Многоизмерен масив
TypeScript масиви

Едномерен масив

Едномерният масив е вид линеен масив, който съдържа само един ред за съхранение на данни. Има един набор от квадратни скоби ('[]'). Можем да осъществим достъп до елементите му чрез индекс на ред или колона.

Синтаксис

 let array_name[:datatype]; 

Инициализация

 array_name = [val1,val2,valn..] 

Пример

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

Изход:

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

Многоизмерен масив

Многомерният масив е масив, който съдържа един или повече масиви. В многомерния масив данните се съхраняват в индекс на базата на ред и колона (известен също като матрична форма). Двуизмерен масив (2-D масив) е най-простата форма на многоизмерен масив.

TypeScript масиви

Синтаксис

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

Инициализация

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

Пример

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

Изход:

 1 2 3 5 6 7 

Обект масив

Масивните обекти ни позволяват да съхраняваме множество стойности в една променлива. Можем да създадем масив, като използваме обекта Array. Конструкторът Array се използва за предаване на следните аргументи за създаване на масив.

  • Числова стойност, която представлява размера на масив или
  • Списък със стойности, разделени със запетая.

Синтаксис

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

Пример

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

Обхождане на масив чрез използване на цикъл for...in

Пример

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

Изход:

 JavaTpoint 2300 Java Abhishek 

Предаване на масиви към функции

Можем да предаваме масиви на функции, като посочим името на масива без индекс.

Пример

команда на windows arp
 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 се използва за инициализиране на масиви и обекти от друг масив или обект. Можем да го използваме и за деструктуриране на обекти. Той е част от версията ES 6.

Пример

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

Изход:

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

Методи за масиви

Списъкът с масивни методи с тяхното описание е даден по-долу.

SN Метод Описание
1. concat() Използва се за свързване на два масива и връща комбинирания резултат.
2. copyWithin() Той копира последователност от елемент в масива.
3. всеки () Връща истина, ако всеки елемент в масива удовлетворява предоставената функция за тестване.
4. запълване () Той запълва масив със статична стойност от посочения начален до краен индекс.
5. индекс на() Връща индекса на съвпадащия елемент в масива, в противен случай -1.
6. включва() Използва се за проверка дали масивът съдържа определен елемент или не.
7. Присъединяване() Използва се за обединяване на всички елементи от масив в низ.
8. lastIndexOf() Връща последния индекс на елемент в масива.
9. поп () Използва се за премахване на последните елементи от масива.
10. Push() Използва се за добавяне на нови елементи към масива.
единадесет. обратен() Използва се за обръщане на реда на елемент в масива.
12. Shift() Използва се за премахване и връщане на първия елемент от масив.
13. парче () Връща секцията за масив в новия масив.
14. вид() Използва се за сортиране на елементите на масив.
петнадесет. снаждане () Използва се за добавяне или премахване на елементи от масив.
16. toString() Връща низовото представяне на масив.
17. unshift() Използва се за добавяне на един или повече елементи към началото на масив.