logo

TypeScript Dizileri

Dizi, bitişik bir bellek konumuna sahip benzer türdeki öğelerin homojen bir koleksiyonudur.

Dizi, kullanıcı tanımlı bir veri türüdür.

Dizi, benzer veri türündeki öğeleri sakladığımız bir veri yapısı türüdür. Bir dizide yalnızca sabit bir öğe kümesini saklayabiliriz. Bunu bir nesne olarak da kullanabiliriz.

Dizi, ilk öğenin 0 dizininde saklandığı dizin tabanlı depolamadır. Aşağıdaki yapı, bir dizinin yapısının anlaşılmasına yardımcı olur.

TypeScript Dizileri

Bir Dizinin Özellikleri

  1. Dizi aynı veri tipine sahip elemanları saklar.
  2. Bitişik bellek konumlarında saklanan dizi öğeleri.
  3. 2 boyutlu dizi öğelerinin depolanması, bitişik bir bellek konumunda satır satır sıralanır.
  4. Dizi adı, başlangıç ​​öğesinin adresini temsil eder.
  5. Bir dizinin boyutu bildirim zamanında başlatılmalıdır.
  6. Dizi boyutu değişken değil, sabit bir ifade olmalıdır.
  7. Dizi elemanlarını, elemanın karşılık gelen indeks değerini belirterek alabiliriz.

Avantaj

Kod Optimizasyonu: Bir dizi, kodun optimize edilmesine yardımcı olur, bu da programın hızını ve performansını artırır. Dizi verilerini daha verimli bir şekilde almamızı veya sıralamamızı sağlar.

Rasgele erişim: Bir dizinin herhangi bir verisine sabit zamanda (konumundan ve boyutundan bağımsız olarak) erişme yeteneği sağlar. Böylece herhangi bir indeks konumunda bulunan bir dizinin herhangi bir verisini doğrudan alabiliriz.

Dezavantaj

Boyut Sınırı: Bir dizi yalnızca sabit sayıda öğeyi saklamamıza olanak tanır. Dizi bildirildikten sonra boyutunu değiştiremeyiz. Dolayısıyla beyan edilenden daha fazla eleman eklemek istersek bu mümkün değildir.

Dizi bildirimi

Tıpkı JavaScript gibi TypeScript de dizileri destekler. Bir diziyi bildirmenin iki yolu vardır:

1. Köşeli parantezlerin kullanılması.

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

Örnek:

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

2. Genel bir dizi türü kullanma.

kış uykusu lehçesi
 let array_name: Array = [val1,val2,valn..] 

Örnek:

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

TypeScript'teki dizinin türleri

Bir dizinin iki türü vardır:

  1. Tek Boyutlu Dizi
  2. Çok Boyutlu Dizi
TypeScript Dizileri

Tek Boyutlu Dizi

Tek boyutlu dizi, verileri depolamak için yalnızca bir satır içeren bir doğrusal dizi türüdür. Tek bir köşeli parantez ('[]') kümesine sahiptir. Öğelerine satır veya sütun indeksini kullanarak erişebiliriz.

Sözdizimi

 let array_name[:datatype]; 

Başlatma

 array_name = [val1,val2,valn..] 

Örnek

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

Çıktı:

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

Çok Boyutlu Dizi

Çok boyutlu bir dizi, bir veya daha fazla dizi içeren bir dizidir. Çok boyutlu dizide veriler satır ve sütun bazlı indekste (matris formu olarak da bilinir) depolanır. İki boyutlu bir dizi (2 boyutlu dizi), çok boyutlu bir dizinin en basit biçimidir.

TypeScript Dizileri

Sözdizimi

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

Başlatma

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

Örnek

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

Çıktı:

 1 2 3 5 6 7 

Dizi Nesnesi

Dizi nesneleri, birden fazla değeri tek bir değişkende saklamamıza olanak tanır. Array nesnesini kullanarak bir dizi oluşturabiliriz. Array yapıcısı, dizi oluşturmak için aşağıdaki bağımsız değişkenleri iletmek için kullanılır.

  • Bir dizinin boyutunu temsil eden sayısal bir değer veya
  • Virgülle ayrılmış değerlerin listesi.

Sözdizimi

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

Örnek

 //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 döngüsü kullanarak Dizi Geçişi

Örnek

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

Çıktı:

 JavaTpoint 2300 Java Abhishek 

Dizileri Fonksiyonlara Aktarmak

Dizi adını indeks olmadan belirterek dizileri fonksiyonlara aktarabiliriz.

Örnek

javatable
 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 Yayılma operatörü

Spread operatörü, dizileri ve nesneleri başka bir dizi veya nesneden başlatmak için kullanılır. Bunu nesne yapısını bozmak için de kullanabiliriz. ES 6 sürümünün bir parçasıdır.

Örnek

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

Çıktı:

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

Dizi Yöntemleri

Dizi yöntemlerinin listesi ve açıklamaları aşağıda verilmiştir.

SN Yöntem Tanım
1. birleştirme() İki diziyi birleştirmek ve birleştirilmiş sonucu döndürmek için kullanılır.
2. copyWithin() Dizi içindeki bir öğenin sırasını kopyalar.
3. Her() Dizideki her öğe sağlanan test işlevini karşılıyorsa true değerini döndürür.
4. doldurmak() Bir diziyi belirtilen baştan sona dizine kadar statik bir değerle doldurur.
5. indeksi() Dizideki eşleşen öğenin indeksini döndürür, aksi takdirde -1.
6. içerir() Dizinin belirli bir öğeyi içerip içermediğini kontrol etmek için kullanılır.
7. Katılmak() Bir dizinin tüm elemanlarını bir dizide birleştirmek için kullanılır.
8. lastIndexOf() Dizideki bir öğenin son dizinini döndürür.
9. Pop() Dizinin son elemanlarını kaldırmak için kullanılır.
10. İtmek() Diziye yeni eleman eklemek için kullanılır.
on bir. tersi() Dizideki bir elemanın sırasını tersine çevirmek için kullanılır.
12. Vardiya() Bir dizinin ilk elemanını kaldırıp döndürmek için kullanılır.
13. dilim() Yeni dizideki bir dizinin bölümünü döndürür.
14. düzenlemek() Bir dizinin elemanlarını sıralamak için kullanılır.
on beş. birleştirme() Bir diziye eleman eklemek veya çıkarmak için kullanılır.
16. toString() Bir dizinin dize gösterimini döndürür.
17. kaydırmayı kaldır() Dizinin başına bir veya daha fazla öğe eklemek için kullanılır.