JavaScript Türü Dönüşümleri (Örneklerle)

Bu eğiticide, örnekler yardımıyla JavaScript'teki tür dönüşümlerini öğreneceksiniz.

Bir veri türünü başka bir veri türüne dönüştürme işlemine tür dönüştürme adı verilir. JavaScript'te iki tür tür dönüşümü vardır.

  • Örtük Dönüşüm
  • Açık Dönüşüm

JavaScript Örtük Dönüştürme

Bazı durumlarda, JavaScript otomatik olarak bir veri türünü diğerine (doğru türe) dönüştürür. Bu örtük dönüştürme olarak bilinir.

Örnek 1: Dizeye Örtük Dönüştürme

 // numeric string used with + gives string type let result; result = '3' + 2; console.log(result) // "32" result = '3' + true; console.log(result); // "3true" result = '3' + undefined; console.log(result); // "3undefined" result = '3' + null; console.log(result); // "3null"

Not : Bir dizeye bir sayı eklendiğinde, JavaScript, sayıyı birleştirmeden önce bir dizeye dönüştürür.

Örnek 2: Örtülü Sayıya Dönüştürme

 // numeric string used with - , / , * results number type let result; result = '4' - '2'; console.log(result); // 2 result = '4' - 2; console.log(result); // 2 result = '4' * 2; console.log(result); // 8 result = '4' / 2; console.log(result); // 2

Örnek 3: NaN'ye Sayısal Olmayan Dize Sonuçları

 // non-numeric string used with +, - , / , * results to NaN let result; result = 'hello' - 'world'; console.log(result); // NaN result = '4' - 'hello'; console.log(result); // NaN

Örnek 4: Örtük Boolean Sayıya Dönüştürme

 // if boolean is used, true is 1, false is 0 let result; result = '4' - true; console.log(result); // 3 result = 4 + true; console.log(result); // 5 result = 4 + false; console.log(result); // 4

Not: JavaScript, 0'ı falsesıfır olmayan tüm sayılar olarak kabul eder true. Ve truebir sayıya dönüştürülürse, sonuç her zaman 1'dir.

Örnek 5: null Sayıya Dönüştürme

 // null is 0 when used with number let result; result = 4 + null; console.log(result); // 4 result = 4 - null; console.log(result); // 4

Örnek 6: sayı, boole veya null ile kullanılan tanımsız

 // Arithmetic operation of undefined with number, boolean or null gives NaN let result; result = 4 + undefined; console.log(result); // NaN result = 4 - undefined; console.log(result); // NaN result = true + undefined; console.log(result); // NaN result = null + undefined; console.log(result); // NaN

JavaScript Açık Dönüştürme

İhtiyaçlarınıza göre bir veri türünü diğerine de dönüştürebilirsiniz. El ile yaptığınız tür dönüşümü, açık tür dönüşümü olarak bilinir.

JavaScript'te, açık tür dönüştürmeleri yerleşik yöntemler kullanılarak yapılır.

Aşağıda, açık dönüşümlerin bazı yaygın yöntemleri verilmiştir.

1. Açıkça Sayıya Dönüştür

Sayısal dizeleri ve boole değerlerini sayılara dönüştürmek için kullanabilirsiniz Number(). Örneğin,

 let result; // string to number result = Number('324'); console.log(result); // 324 result = Number('324e-1') console.log(result); // 32.4 // boolean to number result = Number(true); console.log(result); // 1 result = Number(false); console.log(result); // 0

JavaScript'te boş dizeler ve nulldeğerler 0 döndürür . Örneğin,

 let result; result = Number(null); console.log(result); // 0 let result = Number(' ') console.log(result); // 0

Bir dizge geçersiz bir sayı ise, sonuç olacaktır NaN. Örneğin,

 let result; result = Number('hello'); console.log(result); // NaN result = Number(undefined); console.log(result); // NaN result = Number(NaN); console.log(result); // NaN

Not : Ayrıca kullanarak dizeleri numaraları üretebilir parseInt(), parseFloat(), tekli operatörü +ve Math.floor(). Örneğin,

 let result; result = parseInt('20.01'); console.log(result); // 20 result = parseFloat('20.01'); console.log(result); // 20.01 result = +'20.01'; console.log(result); // 20.01 result = Math.floor('20.01'); console.log(result); // 20

2. Açıkça Dizeye Dönüştür

Diğer veri türlerini dizelere dönüştürmek için String()veya kullanabilirsiniz toString(). Örneğin,

 //number to string let result; result = String(324); console.log(result); // "324" result = String(2 + 4); console.log(result); // "6" //other data types to string result = String(null); console.log(result); // "null" result = String(undefined); console.log(result); // "undefined" result = String(NaN); console.log(result); // "NaN" result = String(true); console.log(result); // "true" result = String(false); console.log(result); // "false" // using toString() result = (324).toString(); console.log(result); // "324" result = true.toString(); console.log(result); // "true"

Not : onları String()alır nullve undefineddizeye dönüştürür. Ancak toString()hata verirkennull are passed.

3. Açıkça Boolean'a Dönüştür

Diğer veri türlerini mantıksal değere dönüştürmek için şunu kullanabilirsiniz: Boolean().

JavaScript'inizde undefined, null, 0, NaN, ''için dönüştürür false. Örneğin,

  let result; result = Boolean(''); console.log(result); // false result = Boolean(0); console.log(result); // false result = Boolean(undefined); console.log(result); // false result = Boolean(null); console.log(result); // false result = Boolean(NaN); console.log(result); // false

Diğer tüm değerler verir true. Örneğin,

  result = Boolean(324); console.log(result); // true result = Boolean('hello'); console.log(result); // true result = Boolean(' '); console.log(result); // true

JavaScript Türü Dönüşüm Tablosu

Tablo, JavaScript'te farklı değerlerin String, Number ve Boolean'a dönüştürülmesini gösterir.

Value String Conversion Number Conversion Boolean Conversion
1 "1" 1 true
0 "0" 0 false
"1" "1" 1 true
"0" "0" 0 true
"ten" "ten" NaN true
true "true" 1 true
false "false" 0 false
null "null" 0 false
undefined "undefined" NaN false
'' "" 0 false
' ' " " 0 true

Nesnelerin ve dizilerin diğer veri türlerine dönüştürülmesini sonraki eğitimlerde öğreneceksiniz.

Daha fazla bilgi edinmek için bu örnekleri ziyaret edin:

  • JavaScript Tarihlerinden Sayılara
  • Dizelere JavaScript Tarihleri

Ilginç makaleler...