TypeScript Academy · Ders

Dizi ve Demet Yapı Bozma

Dizileri ve demetleri doğru öge türleriyle yapı bozun.

Dizi ve Demet Yapı Bozma, CoddyKit'te ücretsiz bir TypeScript Academy dersidir. Bu, 4 dersinin 2. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, TypeScript Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. TypeScript Academy kursu toplamda 4 dersten oluşur.

Konuma Göre Yapıdan Ayırma

Dizi yapıdan ayırma, değişkenleri ada göre değil konuma göre bağlar. Demetlerle her konum belirli bir tür taşır; böylece kesin ve sıralı bir çıkarma yapılır.

Temel Dizi Yapıdan Ayırma

Sol taraftaki köşeli ayraçlar, öğeleri dizin sırasına göre çıkarır. Sıradan bir dizide her bağlama, dizinin öğe türünü paylaşır.

const nums = [10, 20, 30]
const [first, second] = nums
console.log(first + second) // 30

Bir Demet Örüntüsüne Tür Açıklaması Ekleme

Bağlamaya, örüntüden sonra bir demet türü vererek tür açıklaması ekleyin. Her konum kendi türünü alır; burada önce bir sayı, ardından bir metin gelir.

const [a, b]: [number, string] = [1, "two"]
console.log(a, b) // 1 two

Türler Konumu İzler

Bir demette her dizindeki tür sabittir. İlk bağlama bir sayı, ikincisi bir metindir; değerlerin yerlerini değiştirmek tür hatasına neden olur.

const pair: [string, number] = ["age", 30]
const [label, value] = pair
console.log(label.toUpperCase(), value + 1)

Virgüllerle Öğeleri Atlama

İhtiyacınız olmayan bir konumu atlamak için boş bir virgül yuvası bırakarak aralık oluşturun. Atlanan öğenin türü basitçe yok sayılır.

const rgb: [number, number, number] = [255, 128, 0]
const [red, , blue] = rgb
console.log(red, blue) // 255 0

Kalanla Yapıdan Ayırma

Kalan öğesi, geriye kalan öğeleri bir dizide toplar. Bir demet için türü, geride kalan konumları yansıtır.

const [head, ...tail] = [1, 2, 3, 4]
console.log(head)        // 1
console.log(tail.length) // 3

Demetten Kalan Türünü Alma

Bir demeti kalan öğesiyle yapıdan ayırdığınızda TypeScript, kalan değişkenini geriye kalan öğelerden oluşan bir demet olarak çıkarır ve türlerini korur.

const data: [string, number, boolean] = ["x", 1, true]
const [name, ...rest] = data
// rest is [number, boolean]
console.log(rest[0], rest[1])

Değişkenleri Değiş Tokuş Etme

Dizi yapıdan ayırmanın sağladığı hoş bir kısa yol: geçici bir değişken kullanmadan iki değeri değiş tokuş edebilirsiniz. Değiş tokuşun tür denetiminden geçmesi için türlerin uyumlu olması gerekir.

let x = 1, y = 2
;[x, y] = [y, x]
console.log(x, y) // 2 1

İşlev Dönüşlerinde Yapıdan Ayırma

Demet döndüren işlevler, yapıdan ayırmayla mükemmel uyum sağlar; React useState örüntüsü tam olarak budur.

function useCounter(): [number, () => number] {
  let n = 0
  return [n, () => ++n]
}
const [count, inc] = useCounter()
console.log(count, inc())

Dizi Örüntülerinde Varsayılan Değerler

undefined olabilecek bir konum için varsayılan değer sağlayın. Varsayılan değer yalnızca öğe eksik olduğunda veya undefined olduğunda uygulanır.

const [a = 0, b = 0] = [5]
console.log(a, b) // 5 0

İç İçe Dizi Yapıdan Ayırma

Tek bir ifadede dizileri dizilerin içinde yapıdan ayırabilirsiniz. Türler buna uygun olarak iç içe geçer; ancak derin yapılarda okunabilirliği göz önünde bulundurun.

const grid: [[number, number], [number, number]] = [[1, 2], [3, 4]]
const [[a, b], [c, d]] = grid
console.log(a, b, c, d) // 1 2 3 4

Kısa Kontrol

Dizi ve demet yapıdan ayırma konusundaki anlayışınızı sınayın.

Özet

Dizi yapıdan ayırma, değişkenleri konuma göre bağlar; her dizinin kendi türünü alması için örüntüden sonra bir demet türüyle tür açıklaması ekleyin. Öğeleri boş virgül yuvalarıyla atlayın, kalan öğesiyle geri kalanı toplayın; kalan öğesi, geride kalan konumlardan oluşan bir demet olarak kalır. Olası eksik konumlar için varsayılan değerler sağlayın. Demet dönüşleri ve yapıdan ayırma, useState gibi güçlü örüntüleri mümkün kılar.

Sıkça Sorulan Sorular

“Dizi ve Demet Yapı Bozma” dersi ücretsiz mi?

Evet — “Dizi ve Demet Yapı Bozma” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve TypeScript Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. TypeScript Academy kursu toplamda 4 dersten oluşur.

“Dizi ve Demet Yapı Bozma” dersinde ne öğreneceğim?

Dizileri ve demetleri doğru öge türleriyle yapı bozun. TypeScript Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

TypeScript Academy öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te TypeScript Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 2. dersidir.

“Dizi ve Demet Yapı Bozma” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu TypeScript Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her TypeScript Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

← TypeScript Academy Sayfasına Dön