JavaScript'te Veri Türlerine Giriş

Bir veri türü, verilerin türünü ve davranışını tanımlar; derleyiciye veya yorumlayıcıya bir programcının bir veri parçasını nasıl kullanmayı planladığını söyler. Çoğu programlama dili, sayı, boole, dize vb. gibi temel veri türlerini destekler.

JavaScript sekiz veri türünü destekler: Number, BigInt, Boolean, String, Null, Undefined, Symbol ve Object. Bu makalede, sekiz JavaScript veri türünün tümü ve bunların nasıl kullanılacağı hakkında bilgi edineceksiniz.

JavaScript Veri Türleri

JavaScript'teki veri türleri genel olarak iki kategoriye ayrılabilir: İlkel veri türleri ve İlkel olmayan veri türleri. Nesne, ilkel olmayan veya karmaşık bir veri türüdür ve geri kalanı ilkel veri türleridir.

JavaScript, dinamik olarak yazılan bir dildir, yani çalışma zamanında değişken türleri kontrol edilir. Aynı değişken, herhangi bir zamanda farklı türdeki değerleri tutabilir.

Örneğin:

// x bir dizedir
let x = "Merhaba Dünya";
// x bir sayıdır
x = 100;
// x artık bir boole
x = doğru;

Bir değişkenin geçerli veri türünü bulmak istiyorsanız, bir çeşit Şebeke.

// x bir dizedir
let x = "Merhaba Dünya";
konsol.log (typeof (x));
// x bir sayıdır
x = 100;
konsol.log (typeof (x));
// x artık bir boole
x = doğru;
konsol.log (typeof (x));

Çıktı:

sicim
sayı
boole

1. JavaScript'te Sayı Veri Türü

JavaScript'teki sayı veri türü, IEEE-754 hem tamsayı hem de kayan noktalı sayıları temsil edecek biçimde. JavaScript'te sayılar üzerinde toplama, çıkarma, bölme, çarpma gibi birçok işlem yapabilirsiniz. Daha karmaşık işlemleri gerçekleştirmek için yerleşik Matematik nesnesi.

JavaScript'te sayı oluşturmak için bazı örnekler:

// Değişmez bildirimi kullanma
n1 = 100 olsun;
n2 = 456.234 olsun;
// Number() yapıcısını kullanma
n3 = Sayı (100);
// Tam sayıya dönüştürme
let n4 = Number.parseInt("456.234");
// Float'a dönüştürme
let n5 = Number.parseFloat("456.234");
let n6 = Number.parseFloat("1.13e3");
// Sayıya tekli dönüşüm
n7 = +"345" olsun;
konsol.log (n1);
konsol.log (n2);
konsol.log (n3);
konsol.log (n4);
konsol.log (n5);
konsol.log (n6);
konsol.log (n7);

Çıktı:

100
456.234
100
456
456.234
1130
345

Tam Sayılar

Aşağıdaki ifade, bir tamsayı tutan bir değişken oluşturur:

x = 21 olsun;

Sekizli (taban 8) değişmez değerler oluşturmak istiyorsanız, 0o sekizli basamak dizisi (0'dan 7'ye kadar olan basamaklar) ile önek.

x = 0o53 olsun;
konsol.log (x);

Çıktı:

43

Benzer şekilde, onaltılık (taban 16) değişmez değerler oluşturmak istiyorsanız, 0x onaltılık basamak dizili ön ek (0 - 9 ve A - F).

x = 0x53 olsun;
konsol.log (x);

Çıktı:

83

Kayan nokta sayıları

Aşağıdaki ifade, kayan noktalı bir sayı tutan bir değişken oluşturur:

x = 324.56 olsun;

Çok büyük veya çok küçük sayıları temsil etmek için e-notasyonu kullanabilirsiniz.

x = 1.13e6 olsun;
konsol.log (x);

Çıktı:

1130000

JavaScript ayrıca, aşağıdakilere ait olan diğer özel sayısal değerleri de sağlar. sayı veri türü—NaN, Infinity ve -Infinity.

• NaN: NaN anlamına gelir Sayı değil bu geçersiz bir sayı anlamına gelir. Örneğin, bir diziyi ve bir sayıyı bölerseniz sonuç NaN olur.

  konsol.log("MakeUseOf"/10);

  Çıktı:

  NaN

  İlginçtir ki, NaN kendisi dahil hiçbir şeye eşit değildir.

  konsol.log (NaN == NaN);
  konsol.log (NaN == ("MakeUseOf"/10));
  konsol.log (NaN NaN);

  Çıktı:

  YANLIŞ
  YANLIŞ
  YANLIŞ

  Ayrıca, bir yerde bir matematiksel ifade NaN içeriyorsa, sonuç her zaman NaN olur.
• Sonsuzluk ve -Sonsuzluk: Sonsuzluk ve -Sonsuzluk matematiksel temsil eder ∞ ve -∞ sırasıyla.

2. JavaScript'te BigInt Veri Türü

BigInt, JavaScript'te tam sayıları rastgele hassasiyetle temsil edebilen ilkel bir veri türüdür. Sayı veri türü (2⁵³-1)'den büyük veya -(2⁵³-1)'den küçük değerleri temsil edemeyeceğinden, bu gibi durumlarda çok büyük veya küçük sayıları temsil etmek için BigInt kullanılır.

BigInt sayıları nadiren kullanılır. Ancak gerçekten büyük sayıları temsil etmeniz gerekiyorsa, ör. kriptografi için, büyük faktöriyelin hesaplanması güneşin kütlesini temsil eden sayılar, mikrosaniye hassasiyetli zaman damgaları vb., istediğiniz şey BigInt kullanmak.

ekleyerek bir BigInt değeri oluşturabilirsiniz. n bir tamsayının sonuna kadar veya yapıcıyı kullanarak.

büyük1 olsun = 78649264972634817648747234872634876243862348763467547n;
let big2 = BigInt("78649264972634817648747234872634876243862348763467547");
konsol.log (büyük1);
konsol.log (big2);

Çıktı:

78649264972634817648747234872634876243862348763467547n
78649264972634817648747234872634876243862348763467547n

BigInt veri türü, dile nispeten yeni bir eklemedir ve şu anda Internet Explorer dışındaki hemen hemen tüm tarayıcılar tarafından desteklenmektedir.

3. JavaScript'te Boole Veri Türü

Boolean veri tipinin iki değeri olabilir: NS ve YANLIŞ. Boole değerleri, mantıksal karşılaştırmaların sonucudur.

x1 = doğru olsun;
konsol.log (x1);
x2 = !doğru olsun;
konsol.log (x2);
x3 = !!doğru olsun;
konsol.log (x3);
x4 = (yanlış && doğru);
konsol.log (x4);
x5 = (yanlış || doğru);
konsol.log (x5);
x6 = (2 == "2");
konsol.log (x6);
x7 = (2 "2");
konsol.log (x7);
let x8 = (boş tanımsız);
konsol.log (x8);
x9 = (0 == "");
konsol.log (x9);
x10 = (100 > 12);
konsol.log (x10);

Çıktı:

NS
YANLIŞ
NS
YANLIŞ
NS
NS
YANLIŞ
YANLIŞ
NS
NS

Herhangi bir diğer veri türünün değerini, aşağıdakileri kullanarak bir boolean veri türüne dönüştürebilirsiniz. Boole() işlev.

// Teller
konsol.log (Boolean(''));
konsol.log (Boolean('abc'));
konsol.log (Boolean('123'));
// Sayılar
konsol.log (Boole (0));
konsol.log (Boole (1));
konsol.log (Boolean(-1));
konsol.log (Boolean (NaN));
konsol.log (Boolean (Sonsuz));
// Diğerleri
konsol.log (Boolean([1, 2, 3]));
konsol.log (Boolean (tanımsız));
konsol.log (Boole (boş));

Çıktı:

YANLIŞ
NS
NS
YANLIŞ
NS
NS
YANLIŞ
NS
NS
YANLIŞ
YANLIŞ

4. JavaScript'te Dize Veri Türü

Bir dize, sıfır veya daha fazla karakter dizisidir. JavaScript'teki dizeler değişmezdir ve çoğunlukla metin verilerini temsil etmek için kullanılır. Dizelerin indekslenmesi 0'dan başlar, yani ilk eleman 0 indeksinde, ikincisi 1'de vb.

Dizeler tırnak içine alınmalıdır. Bir dize oluşturmak için üç alıntı türünden herhangi birini kullanabilirsiniz: Tek tırnak, Çift tırnak veya Backticks.

Tek ve Çift tırnaklar hemen hemen aynı şeyi yapar, ancak çift tırnak ile başlayan bir dize çift tırnak ile bitmelidir. Aynı kural tek alıntı için de geçerlidir.

let str1 = "Merhaba";
str2 = 'Merhaba';
let str3 = "Nasılsın?";
// Tek tırnaktan (') çıkmak için \ kullanma
let str4 = 'Nasılsın?';

Backticks, şablon değişmezleridir ve bazı genişletilmiş işlevler sağlar. Dizenin içine değişkenleri, ifadeleri ve hatta işlev çağrılarını gömebilirsiniz.

// Değişkeni bir dizgeye gömmek
x = "Merhaba";
let str1 = `${x}, Nasılsın?`;
konsol.log (str1);
// İfadeyi bir dize içine gömmek
let str2 = `20 + 30'un toplamı: ${20 + 30}`;
konsol.log (str2);
// Fonksiyon çağrısını bir dizgeye gömmek
function hesaplaSum (a, b) {
a + b'yi döndür;
}
let str3 = `20 + 30'un toplamı: ${calculateSum (20, 30)}`;
konsol.log (str3);

Çıktı:

Merhaba nasılsın?
20 + 30 toplamı: 50
20 + 30 toplamı: 50

JavaScript ayrıca birkaç String yöntemi sağlar dizeleri işlemek için.

5. JavaScript'te Boş Veri Türü

Boş veri türünün yalnızca bir değeri vardır: boş. Herhangi bir nesne değerinin kasıtlı olarak yokluğunu temsil eder.

n = boş olsun;

Birçok programcı boş ve tanımsız arasında kafa karıştırır. anlamak zor JavaScript'te boş ve tanımsız arasındaki fark.

6. JavaScript'te Tanımsız Veri Türü

Tanımsız tür, "değer atanmamış" anlamına gelen özel bir türdür. Bir değişken tanımladığınızda ancak onu başlatmadığınızda, değişkene tanımsız bir değer atanır.

x olsun;
konsol.log (typeof (x));

Çıktı:

Tanımsız

Bir değişkene açıkça tanımsız atayabilirsiniz, ancak bundan kaçınmanız şiddetle tavsiye edilir.

İlgili: Bugün Ustalaşmanız Gereken JavaScript Set Yöntemleri

7. JavaScript'te Sembol Veri Türü

Sembol, benzersiz ve değişmez bir ilkel değerdir. Esas olarak nesneler için benzersiz tanımlayıcılar oluşturmak için kullanılır.

kullanarak bir sembol oluşturabilirsiniz. Sembol() işlev. Ayrıca isteğe bağlı bir açıklama (ad) da kabul eder, ancak yalnızca hata ayıklama amacıyla.

sym1 = Symbol();
let sym2 = Symbol("veri");

NS Sembol() işlev her çağrıldığında yeni bir benzersiz değer oluşturur, aynı açıklamaya sahip semboller oluştursanız bile değerler farklı olacaktır.

konsol.log (Symbol() == Sembol());
konsol.log (Symbol("veri") == Sembol("veri"));

Çıktı:

YANLIŞ
YANLIŞ

İlgili: Bugün Ustalaşmanız Gereken JavaScript Harita Yöntemleri

8. JavaScript'te Nesne Veri Türü

JavaScript'te nesneler, anahtarın bir dize olduğu ve değerin herhangi bir veri türü olabileceği anahtar/değer çiftlerinin koleksiyonlarıdır.

JavaScript'te "nesne yapıcı" sözdizimini kullanarak boş bir nesne oluşturabilirsiniz (yeni Nesne()) veya "nesne değişmezi" sözdizimi (kıvrımlı parantezler) {...}).

let obj1 = new Object();
olsun obj2 = {};

Her nesne, bir özelliğin bir anahtar olduğu isteğe bağlı bir özellikler listesi içerir: değer çifti. Nokta gösterimi veya dizi benzeri gösterim (köşeli parantezler) kullanarak nesneden değerlere erişebilirsiniz.

izin ver nesne = {
"anahtar1": "değer1",
"anahtar2": "değer2"
}
konsol.log (obj.key1);
konsol.log (obj["anahtar2"]);

Çıktı:

değer1
değer2

JavaScript Nasıl Çalışır?

JavaScript, bugün web'deki en popüler programlama dillerinden biridir. Web siteleri, web uygulamaları, sunucu uygulamaları, oyunlar, mobil uygulamalar vb. oluşturmak için JavaScript'i kullanabilirsiniz. JavaScript ile aklınıza gelebilecek hemen hemen her şeyi yapabilirsiniz.

Peki JavaScript'in kaportanın altında nasıl çalıştığını biliyor musunuz?

JavaScript Nedir ve Nasıl Çalışır?

Web geliştirmeyi öğreniyorsanız, JavaScript ve HTML ve CSS ile nasıl çalıştığı hakkında bilmeniz gerekenler burada.

Sonrakini Oku

Yazar hakkında