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'ı false
sıfır olmayan tüm sayılar olarak kabul eder true
. Ve true
bir 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 null
değ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 null
ve undefined
dizeye 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 |
|
0 | "0" | 0 |
|
"1" | "1" | 1 |
|
"0" | "0" | 0 |
|
"ten" | "ten" |
|
|
| "true" | 1 |
|
| "false" | 0 |
|
| "null" | 0 |
|
| "undefined" |
|
|
'' | "" | 0 |
|
' ' | " " | 0 |
|
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