Tür Zorlama
Coddy'nin JavaScript Journey'sinin Temeller bölümünün bir parçası. Ders 22 / 77.
JavaScript'te tür zorlaması, değerlerin bir veri türünden diğerine otomatik olarak dönüştürülmesidir. Bu, belirli işlemlerde örtük olarak veya String(), Number() ya da Boolean() gibi işlevleri kullandığınızda açıkça gerçekleşebilir.
Örtük tür dönüştürme, genellikle gevşek eşitlik işleci == kullandığınızda veya bir sayıyı dizeye eklemek gibi farklı türler arasında işlemler gerçekleştirdiğinizde meydana gelir.
Örneğin:
let result = 5 + "5";
// "55" değerini tutar, çünkü 5 sayısı örtük olarak "5" dizesine dönüştürülür ve ardından birleştirilirlet result = true == 1;
// true değerini tutar, çünkü boolean true değeri örtük olarak 1 sayısına dönüştürülürAçık tür zorlama, yerleşik fonksiyonlar kullanılarak yapılabilir:
String(value)bir değeri bir dizeye dönüştürür
Number(value)bir değeri sayıya dönüştürür
Boolean(value)bir değeri boolean türüne dönüştürür
Örneğin:
let num = "123";
let str = Number(num) + 7; // 130 değerini tutar
console.log(str); let bool = true;
let numBool = Number(bool); // 1 değerini tutarTür dönüşümünü anlamak, doğru JavaScript kodu yazmak ve beklenmedik sonuçlardan kaçınmak için çok önemlidir.
Görev
BaşlangıçFarklı türlerde birkaç değişken içeren bir kod verildi.
Göreviniz tür dönüşümü gerçekleştirmek ve sonuçları yazdırmaktır:
- Sayı olan
numdeğişkenini bir dizeye dönüştürün veaadlı bir değişkende saklayın. - Boolean olan
booldeğişkenini bir sayıya dönüştürün vebadlı bir değişkende saklayın. - Dize olan
strdeğişkenini bir sayıya dönüştürün vecadlı bir değişkende saklayın. -
numilestrdeğişkenlerini birleştirerek örtük tür dönüşümü gerçekleştirin ve sonucudadlı bir değişkende saklayın.
İlk üç görev için açık tür dönüşümü işlevlerini (String(), Number()) kullanın ve son görevde örtük dönüşümü gözlemleyin.
Kendin dene
// Verilen değişkenler
let num = 42
let bool = false
let str = "7"
// Kodunuzu aşağıya yazın
// Aşağıdaki satırı değiştirmeyin
console.log(`a = ${a}`)
console.log(`b = ${b}`)
console.log(`c = ${c}`)
console.log(`d = ${d}`)Bu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.
Temeller bölümündeki tüm dersler
4Operatörler Bölüm 2
Mantıksal Operatörler Bölüm 1Mantıksal Operatörler Bölüm 2Özet - Basit MantıkMantıksal Operatörler Bölüm 3Tür Zorlama7Hesap Paylaştırma Hesaplayıcısı
Hoş Geldiniz MesajıBahşiş ve Toplamı Hesaplama2Değişkenler
SayılarStringBooleanİsimlendirme KurallarıBoş DeğişkenlerÖzet - Değişkenleri BaşlatmaSabitler3Operatörler Bölüm 1
Aritmetik OperatörlerModül OperatörüAritmetik KısayollarKarşılaştırma OperatörleriSıkı ve Gevşek EşitlikÖzet - Basit Matematik6Temel Giriş-Çıkış
ÇıktıDeğişkenlerle ÇıktıTür Dönüşümü - Bölüm 1Tür Dönüşümü - Bölüm 2Özet - 120'ye KadarÖzet - Doğru veya YanlışKendi başına pratik yap: Online JavaScript derleyicisi