JavaScript Veri Türleri

İçindekiler

JavaScript'in 8 Veri Türü Vardır

1. Dize
2. Sayı
3. Büyük
4.Boole
5. Tanımsız
6. Boş
7. Sembol
8. Nesne

Nesne Veri Türü

Nesne veri türü şunları içerebilir:

1. Bir nesne
2. Bir dizi
3. Bir tarih

Örnekler

// Numbers:
let length = 16;
let weight = 7.5;

// Strings:
let color = "Yellow";
let lastName = "Johnson";

// Booleans
let x = true;
let y = false;

// Object:
const person = {firstName:"John", lastName:"Doe"};

// Array object:
const cars = ["Saab", "Volvo", "BMW"];

// Date object:
const date = new Date("2022-03-25");

Not

Bir JavaScript değişkeni her türlü veriyi tutabilir.

Veri Türleri Kavramı

Programlamada veri türleri önemli bir kavramdır.

Değişkenler üzerinde işlem yapabilmek için hakkında bir şeyler bilmek önemlidir. türü.

Veri türleri olmadan bir bilgisayar bunu güvenli bir şekilde çözemez:

let x = 16 + "Volvo";

On altıya "Volvo"yu eklemenin bir anlamı var mı? Bir ürün üretecek mi? hata mı yoksa sonuç doğuracak mı?

JavaScript yukarıdaki örneği şu şekilde ele alacaktır:

let x = "16" + "Volvo";

Not

Bir sayı ve dize eklerken, JavaScript bu sayıyı bir sayı olarak ele alır. sicim.

Örnek

let x = 16 + "Volvo";

Kendiniz Deneyin →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript</h2>

<p>When adding a number and a string, JavaScript will treat the number as a string.</p>

<p id="demo"></p>

<script>
let x = 16 + "Volvo";
document.getElementById("demo").innerHTML = x;
</script>

</body>
</html>

Örnek

let x = "Volvo" + 16;

Kendiniz Deneyin →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript</h2>

<p>When adding a string and a number, JavaScript will treat the number as a string.</p>

<p id="demo"></p>

<script>
let x = "Volvo" + 16;
document.getElementById("demo").innerHTML = x;
</script>

</body>
</html>

JavaScript ifadeleri soldan sağa doğru değerlendirir. Farklı diziler olabilir farklı sonuçlar üretir:

JavaScript:

let x = 16 + 4 + "Volvo";

Sonuç :

20Volvo

Kendiniz Deneyin →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript</h2>

<p>JavaScript evaluates expressions from left to right. Different sequences can produce different results:</p>

<p id="demo"></p>

<script>
let x = 16 + 4 + "Volvo";
document.getElementById("demo").innerHTML = x;
</script>

</body>
</html>

JavaScript:

let x = "Volvo" + 16 + 4;

Sonuç :

Volvo164

Kendiniz Deneyin →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript</h2>

<p>JavaScript evaluates expressions from left to right. Different sequences can produce different results:</p>

<p id="demo"></p>

<script>
let x = "Volvo" + 16 + 4;
document.getElementById("demo").innerHTML = x;
</script>

</body>
</html>

İlk örnekte, JavaScript 16 ve 4'ü "Volvo"ya ulaşana kadar sayı olarak ele alır.

İkinci örnekte, ilk işlenen bir dize olduğundan tüm işlenenler dizeler olarak ele alınır.

JavaScript Türleri Dinamiktir

JavaScript'in dinamik türleri vardır. Bu aynı değişkenin kullanılabileceği anlamına gelir tutmak farklı veri türleri:

Örnek

let x;       // Now x is undefined
x = 5;       // Now x is a Number
x = "John";  // Now x is a String

JavaScript Dizeleri

Bir dize (veya bir metin dizesi), "John Doe" gibi bir karakter dizisidir.

Dizeler tırnak işaretleri ile yazılır. Tek veya çift tırnak kullanabilirsiniz:

Örnek

// Using double quotes:
let carName1 = "Volvo XC60";

// Using single quotes:
let carName2 = 'Volvo XC60';

Tırnaklarla eşleşmedikleri sürece bir dize içinde tırnak işaretleri kullanabilirsiniz dizeyi çevreleyen:

Örnek

// Single quote inside double quotes:
let answer1 = "It's alright";
 

// Single quotes inside double quotes:
let answer2 = "He is called 'Johnny'";

// Double quotes inside single quotes:
let answer3 = 'He is called "Johnny"';

Bu eğitimin ilerleyen kısımlarında dizeler hakkında daha fazla bilgi edineceksiniz.

JavaScript Numaraları

Tüm JavaScript sayıları ondalık sayılar (kayan nokta) olarak saklanır.

Sayılar ondalık sayılarla veya ondalık sayı olmadan yazılabilir:

Örnek

// With decimals:
let x1 = 34.00;

 
// Without decimals:
let x2 = 34;

Üstel Gösterim

Ekstra büyük veya ekstra küçük sayılar bilimsel yöntemlerle yazılabilir. (üstel) gösterim:

Örnek

let y = 123e5;    // 12300000
let z = 123e-5;   // 0.00123

Not

Çoğu programlama dilinde birçok sayı türü bulunur:

Tam sayılar (tam sayılar):
bayt (8 bit), kısa (16 bit), int (32 bit), uzun (64 bit)

Gerçek sayılar (kayan nokta):
kayan nokta (32 bit), çift (64 bit).

Javascript numaraları her zaman tek türdür:
double (64 bit kayan nokta).

Bu eğitimin ilerleyen kısımlarında sayılar hakkında daha fazla bilgi edineceksiniz.

JavaScript BigInt

Tüm JavaScript numaraları 64 bit kayan nokta formatında saklanır.

JavaScript BigInt, temsil edilemeyecek kadar büyük tam sayı değerlerini depolamak için kullanılabilen yeni bir veri türüdür (ES2020). normal bir JavaScript Numarasıyla.

Örnek

let x = BigInt("123456789012345678901234567890");

Bu eğitimin ilerleyen kısımlarında BigInt hakkında daha fazla bilgi edineceksiniz.

JavaScript Boole'ları

Boolean'lar yalnızca iki değere sahip olabilir: true veya false.

Örnek

let x = 5;
let y = 5;
let z = 6;
(x == y)       
  // Returns true
(x == z)       // Returns 
  false

Kendiniz Deneyin →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Booleans</h2>

<p>Booleans can have two values: true or false:</p>

<p id="demo"></p>

<script>
let x = 5;
let y = 5;
let z = 6;

document.getElementById("demo").innerHTML =
(x == y) + "<br>" + (x == z);
</script>

</body>
</html>

Boolean'lar genellikle koşullu testlerde kullanılır.

Bu eğitimin ilerleyen kısımlarında boolean hakkında daha fazla bilgi edineceksiniz.

JavaScript Dizileri

JavaScript dizileri köşeli parantezlerle yazılır.

Dizi öğeleri virgülle ayrılır.

Aşağıdaki kod, üç içeren arabalar adlı bir diziyi bildirir (oluşturur) öğeler (araba adları):

Örnek

const cars = ["Saab", "Volvo", "BMW"];

Kendiniz Deneyin →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Arrays</h2>

<p>Array indexes are zero-based, which means the first item is [0].</p>

<p id="demo"></p>

<script>
const cars = ["Saab","Volvo","BMW"];

document.getElementById("demo").innerHTML = cars[0];
</script>

</body>
</html>

Dizi dizinleri sıfır tabanlıdır; bu, ilk öğenin [0], ikincisinin olduğu anlamına gelir [1], vb.

Bu eğitimin ilerleyen kısımlarında diziler hakkında daha fazla bilgi edineceksiniz.

JavaScript Nesneleri

JavaScript nesneleri küme parantezleri { ile yazılır.

Nesne özellikler virgülle ayrılmış olarak ad:değer çiftleri olarak yazılır.

Örnek

const person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

Kendiniz Deneyin →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Objects</h2>

<p id="demo"></p>

<script>
const person = {
  firstName : "John",
  lastName  : "Doe",
  age     : 50,
  eyeColor  : "blue"
};

document.getElementById("demo").innerHTML =
person.firstName + " is " + person.age + " years old.";
</script>

</body>
</html>

Yukarıdaki örnekteki nesnenin (kişinin) 4 özelliği vardır: FirstName, soyad, yaş ve göz rengi.

Bu eğitimin ilerleyen kısımlarında nesneler hakkında daha fazla bilgi edineceksiniz.

Operatör türü

Türü bulmak için JavaScript typeof operatörünü kullanabilirsiniz bir JavaScript değişkeninin

typeof operatörü, bir değişkenin veya ifadenin türünü döndürür:

Örnek

typeof ""             // Returns 
 "string"
typeof "John"         // Returns 
 "string"
typeof "John Doe"     // Returns 
 "string"

Kendiniz Deneyin →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Operators</h1>
<h2>The typeof Operator</h2>
<p>The typeof operator returns the type of a variable or an expression.</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 
typeof "" + "<br>" +
typeof "John" + "<br>" + 
typeof "John Doe";
</script>
</body>
</html>

Örnek

typeof 0              // Returns 
 "number"
  typeof 314            // Returns 
 "number"
  typeof 3.14           // Returns 
 "number"
  typeof (3)            // Returns 
 "number"
typeof (3 + 4)        // Returns 
 "number"

Kendiniz Deneyin →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Operators</h1>
<h2>The typeof Operator</h2>
<p>The typeof operator returns the type of a variable or an expression.</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 
typeof 0 + "<br>" + 
typeof 314 + "<br>" +
typeof 3.14 + "<br>" +
typeof (3) + "<br>" +
typeof (3 + 4);
</script>

</body>
</html>

Bu eğitimin ilerleyen kısımlarında typeof hakkında daha fazla bilgi edineceksiniz.

Tanımsız

JavaScript'te değeri olmayan bir değişken, tanımsız değerine sahiptir. Tür ayrıca tanımsız'dır.

Örnek

let car;    // Value is undefined, 
    type is undefined

Kendiniz Deneyin →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Operators</h1>
<h2>The typeof Operator</h2>
<p>The value (and the data type) of a variable with no value is <b>undefined</b>.</p>

<p id="demo"></p>

<script>
let car;
document.getElementById("demo").innerHTML =
car + "<br>" + typeof car;
</script>

</body>
</html>

Değeri tanımsız olarak ayarlayarak herhangi bir değişken boşaltılabilir. Tür ayrıca tanımsız olacaktır.

Örnek

   car = undefined;    // Value is undefined, 
    type is undefined

Kendiniz Deneyin →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Operators</h1>
<h2>The typeof Operator</h2>
<p>Variables can be emptied if you set the value to <b>undefined</b>.</p>

<p id="demo"></p>

<script>
let car = "Volvo";
car = undefined;

document.getElementById("demo").innerHTML = car + "<br>" + typeof car;
</script>

</body>
</html>

Boş Değerler

Boş bir değerin tanımsız ile hiçbir ilgisi yoktur.

Boş bir dizenin hem yasal bir değeri hem de türü vardır.

Örnek

let car = "";    // The value is  "", the typeof is "string"

Kendiniz Deneyin →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript</h2>

<p>An empty string has both a legal value and a type:</p>

<p id="demo"></p>

<script>
let car = "";
document.getElementById("demo").innerHTML =
"The value is: " +
car + "<br>" +
"The type is: " + typeof car;
</script>

</body>
</html>