TypeScript Academy · Ders

Yerleşik Dize Manipülasyonu Türleri

Uppercase, Lowercase, Capitalize ve Uncapitalize kullanın.

Yerleşik Dize Manipülasyonu Türleri, CoddyKit'te ücretsiz bir TypeScript Academy dersidir. Bu, 4 dersinin 4. 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.

Yerleşik Dize Dönüştürücüleri

TypeScript, dört yerleşik dize işleme türüyle birlikte gelir: Uppercase, Lowercase, Capitalize ve Uncapitalize. Bu türler, çalışma zamanı maliyeti olmadan dize sabiti türlerini derleme zamanında dönüştürür.

Büyük Harfe Dönüştürme

Uppercase<S>, bir dize sabiti türündeki her karakteri büyük harfe dönüştürür. 'hello' sabiti 'HELLO' türüne dönüşür.

type Loud = Uppercase<"hello"> // "HELLO"
const x: Loud = "HELLO"
console.log(x)

Küçük Harfe Dönüştürme

Lowercase<S> bunun tersini yaparak her karakteri küçük harfe dönüştürür. 'HELLO', 'hello' olur.

type Quiet = Lowercase<"HELLO"> // "hello"
const x: Quiet = "hello"
console.log(x)

İlk Harfi Büyütme

Capitalize<S> yalnızca ilk karakteri büyük harfe dönüştürür, geri kalan karakterlere dokunmaz. 'name', 'Name' olur.

type Title = Capitalize<"name"> // "Name"
const x: Title = "Name"
console.log(x)

İlk Harfi Küçültme

Uncapitalize<S> yalnızca ilk karakteri küçük harfe dönüştürür. 'Name', 'name' olur; PascalCase anahtarlarını camelCase biçimine dönüştürmek için kullanışlıdır.

type Camel = Uncapitalize<"Name"> // "name"
const x: Camel = "name"
console.log(x)

Birleşim Türünü Dönüştürme

Bir birleşime yerleşik bir tür uyguladığınızda, birleşimin her üyesi dönüştürülür. 'a' | 'b' üzerinde Uppercase kullanıldığında sonuç 'A' | 'B' olur.

type Keys = "id" | "name"
type Upper = Uppercase<Keys> // "ID" | "NAME"
const k: Upper = "ID"
console.log(k)

Şablon Sabitleriyle Birleştirme

Yerleşik türler, şablon sabiti türlerinin içinde kullanıldıklarında en güçlü hâllerine ulaşır. Bir alanın Capitalize uygulanmış biçiminin önüne get öneki ekleyen bir şablon, ad alanı için alıcı adları oluşturur.

type Field = "name" | "age"
// template: get + Capitalize<Field> => "getName" | "getAge"
const g: "getName" | "getAge" = "getName"
console.log(g)

Eşlenmiş Türlerde Anahtar Adları Oluşturma

Eşlenmiş bir türün anahtar yeniden eşlemesinde yerleşik türler, dönüştürülmüş özellik adları oluşturur; örneğin her özelliği ilk harfi büyük bir işleyici anahtarına dönüştürür.

type Events = "click" | "drag"
// { [E in Events as on + Capitalize<E>]: () => void }
// produces keys onClick and onDrag
const handlers: { onClick: () => void } = { onClick: () => {} }
console.log(typeof handlers.onClick)

Yerleşik Türleri Zincirleme

Dönüşümleri birleştirmek için yerleşik türleri iç içe kullanabilirsiniz. Örneğin, büyük harfe dönüştürmek çakışmaya yol açabileceğinden, harf kullanımını normalleştirmek için bir dizeye önce Lowercase, ardından Capitalize uygulamak yaygın bir birleşimdir.

type Normalized = Capitalize<Lowercase<"hELLO">> // "Hello"
const x: Normalized = "Hello"
console.log(x)

Yalnızca Derleme Zamanında

Bu türler çalışma zamanında mevcut değildir. Gerçek bir dize değerini dönüştürmek için yine toUpperCase() gibi yöntemleri çağırmanız gerekir; yerleşik türler yalnızca statik türleri biçimlendirir.

function shout<S extends string>(s: S): Uppercase<S> {
  return s.toUpperCase() as Uppercase<S>
}
console.log(shout("hi")) // HI, typed as "HI"

Pratik Kullanımlar

Sabit adları, olay anahtarlarını, alıcı ve ayarlayıcı adlarını türetmek ve sabit türle belirtilmiş yapılandırma anahtarlarının harf kullanımını normalleştirmek için yerleşik türleri kullanabilirsiniz; tüm bunlar derleyici tarafından denetlenir.

type Action = "add" | "remove"
type ActionType = Uppercase<Action> // "ADD" | "REMOVE"
const a: ActionType = "ADD"
console.log(a)

Hızlı Kontrol

Yerleşik dize türleri konusundaki anlayışınızı sınayın.

Özet

Yerleşik türler olan Uppercase, Lowercase, Capitalize ve Uncapitalize, dize sabiti türlerini derleme zamanında dönüştürür. Birleşimlere dağıtılır ve anahtar ile işleyici adları oluşturmak için şablon sabiti ve eşlenmiş türlerle birleştirilebilirler. Çalışma zamanında herhangi bir davranışları yoktur; çalışma zamanındaki dönüşümler için gerçek dize yöntemlerini kullanırken bu türler statik türleri biçimlendirir.

Sıkça Sorulan Sorular

“Yerleşik Dize Manipülasyonu Türleri” dersi ücretsiz mi?

Evet — “Yerleşik Dize Manipülasyonu Türleri” 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.

“Yerleşik Dize Manipülasyonu Türleri” dersinde ne öğreneceğim?

Uppercase, Lowercase, Capitalize ve Uncapitalize kullanın. 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 4. dersidir.

“Yerleşik Dize Manipülasyonu Türleri” 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