Tutorial Belajar JavaScript Part 22: Cara Konversi Tipe Data dalam JavaScript

Di dalam tutorial kali ini, kita akan membahas tentang Cara Konversi Tipe Data dalam JavaScript, baik yang dilakukan secara langsung oleh JavaScript, atau dengan menggunakan fungsi. Kita juga akan mempelajari operator typeof yang bisa digunakan untuk mengetahui jenis tipe data dari sebuah variabel.


Aturan Konversi Tipe Data dalam JavaScript

Di dalam JavaScript, sebuah tipe data akan dikonversi secara otomatis tergantung operator yang digunakan. Tipe data string akan 'terkonversi' menjadi number jika dikenakan operasi pembagian. Berikut adalah contoh konversi yang terjadi:

<script>
var a="9";     // tipe: string
var b=3;       // tipe: number
 
hasil1= a/b;
console.log(hasil1);   // hasil = 3 bertipe number;
 
hasil2= a + b;
console.log(hasil2);   // hasil = 93 bertipe string;
</script>

Seperti yang terlihat, operasi pembagian akan menkonversi variabel a yang bertipe string menjadi number, lalu kemudian operasi pembagian di jalankan.

Jika anda pernah mempelajari PHP sebelumnya, operasi penambahan untuk variabel hasil2 akan sangat berbeda. Di dalam JavaScript, operasi penambahan akan menkonversi tipe number menjadi string, lalu operasi penyambungan string-lah yang dijalankan, bukan operasi penambahan number.

Untuk operasi logika atau perbandingan yang memerlukan tipe data boolean, JavaScript juga akan menkonversi tipe data secara otomatis. Contoh berikut ini akan dijalankan di dalam JavaScript:

<script>
var a="duniailkom";
 
if (a)    // a akan dikonversi menjadi boolean true
{
   console.log("Welcome to duniailkom.com");
}
</script>

Kode program diatas akan mengkonversi String "duniailkom" menjadi boolean dengan nilai True. Untuk aturan konversi boolean ini telah kita bahas pada tutorial tentang cara penulisan tipe data Boolean.


Cara Konversi Tipe Data di dalam JavaScript

Jika kita ingin mengkonversi sebuah tipe data menjadi tipe data lainnya tanpa mengandalkan konversi otomatis seperti diatas, JavaScript juga menyediakan caranya dengan menggunakan fungsi global Number(), String(), dan Boolean().

Cara Konversi menjadi Number

Untuk menkonversi tipe data menjadi number, kita bisa mengunakan fungsi Number(). Berikut contohnya:

<script>
var a="9";
var b=3;
var c=true;
 
hasil1 = a + b;
console.log(hasil1);    // hasil1= 93 (karena a adalah String)
 
hasil2 = Number(a) + b;
console.log(hasil2);    // hasil2= 12 (karena a adalah number)
 
var d = Number(a);      // d sekarang bertipe Number: 9
 
hasil3 = d + b;
console.log(hasil3);    // hasil3= 12 (karena d adalah number)
 
hasil4 = Number(c) + d;
console.log(hasil4);    // hasil4= 10 (karena c dikonversi menjadi number 1)
</script>

Dalam contoh tersebut, saya juga menkonversi boolean true (variabel c). Boolean true akan menjadi angka 1 jika dikonversi menjadi Number.

JavaScript juga menyediakan fungsi global parseInt() dan parseFloat() untuk menkonversi tipe data string menjadi number. Sesuai dengan namanya, fungsi parseInt() akan mengkonversi tipe data menjadi integer dan membuang angka dibelakang tanda desimal. Sedangkan fungsi parseFloat() akan mengkonversi tipe data menjadi Float (nilai angka dengan desimal).

Berikut adalah contoh penggunaan fungsi parseInt() dan parseFloat():

<script>
var a="13.78";
var b="9 naga";
var c="100.99 meter";
 
hasil1= parseInt(a);    // a menjadi number 13
console.log(hasil1);
 
hasil2= parseInt(b);    // b menjadi number 9
console.log(hasil2);
 
hasil3= parseInt(c);    // c menjadi number 100
console.log(hasil3);
 
hasil4= parseFloat(a);  // a menjadi number 13.78
console.log(hasil4);
 
hasil5= parseFloat(b);  // b menjadi number 9
console.log(hasil5);
 
hasil6= parseFloat(c);  // c menjadi number 100.99
console.log(hasil6);
</script>

Cara Konversi menjadi String

Untuk membuat tipe data menjadi String, rata-rata tipe data memiliki method toString(), atau bisa juga menggunakan fungsi String(). Berikut adalah contohnya:

<script>
var a=123.45;
var b=99999;
var c=true;
var d=false;
 
hasil1= String(a);       // a menjadi String "123.45"
console.log(hasil1);
 
hasil2= b.toString();    // b menjadi String "99999"
console.log(hasil2);
 
hasil3= String(c);       // c menjadi String "true"
console.log(hasil3);
 
hasil4= d.toString();    // d menjadi String "false"
console.log(hasil4);
</script>

Jika pada contoh diatas kita tidak menkonversi seluruh variabel menjadi String, hasil tampilan program tidak akan berubah, karena JavaScript akan otomatis mengkonversi tipe data menjadi string apabila akan ditampilkan ke web browser. Dalam hal ini fungsi console.log() akan mengkonversi tipe data apapun menjadi String agar bisa ditampilkan.

Beberapa method dari tipe data Number juga akan menghasilkan string, seperti toFixed(), toExponential() dan toPrecision(). Ketiga method ini telah kita bahas pada tutorial tipe data Number.

Cara Konversi menjadi Boolean

Untuk menkonversi tipe data menjadi Boolean, JavaScript menyediakan fungsi Boolean(). Berikut adalah contoh penggunaannya:

<script>
var a=123.45;
var b="duniailkom";
var c=[1,2,3];
var d=0;
 
hasil1= Boolean(a);    // a menjadi boolean true
console.log(hasil1);
 
hasil2= Boolean(b);    // b menjadi boolean true
console.log(hasil2);
 
hasil3= Boolean(c);    // c menjadi boolean true
console.log(hasil3);
 
hasil4= Boolean(d);    // d menjadi boolean false
console.log(hasil4);
</script>

Fungsi Operator typeof dalam JavaScript

JavaScript menyediakan sebuah operator untuk mengetahui tipe data dari sebuah variabel, yakni operator typeof. Operator ini akan menghasilkan nilai string yang berisi jenis tipe data dari variabel yang di uji. Berikut adalah contoh penggunaannya:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Belajar JavaScript</title>
<script>
var a=123.45;
var b="duniailkom";
var c=false;
var d=[1,2,3];
var e= new String("Belajar JavaScript");
var f=null;
var g=undefined;
 
 
hasil1= typeof(a);    // hasil : number
console.log(hasil1);
 
hasil2= typeof(b);    // hasil : string
console.log(hasil2);
 
hasil3= typeof(c);    // hasil : boolean
console.log(hasil3);
 
hasil4= typeof(d);    // hasil : object
console.log(hasil4);
 
hasil5= typeof(e);    // hasil : object
console.log(hasil5);
 
hasil6= typeof(f);    // hasil : object
console.log(hasil6);
 
hasil7= typeof(g);    // hasil : undefined
console.log(hasil7);
</script>
 
</head>
<body>
<h1>Belajar JavaScript</h1>
<p> Saya sedang belajar Konversi Tipe Data JavaScript di duniailkom.com </p>
</div>
</body>
</html>

Contoh cara penggunaan operator typeof dalam JavaScriptOperator typeof ini akan sangat berguna saat pencarian kesalahan (debugging), karena bisa jadi error program dikarenakan salah memasukkan jenis tipe data.

Di dalam tutorial kali ini kita telah membahas tentang aturan dan cara konversi tipe data di dalam JavaScript, juga memahami operator typeof. Dalam tutorial berikutnya, kita akan masuk ke dalam stuktur logika JavaScript dengan: Cara Penulisan Struktur Logika IF ELSE dalam JavaScript.


eBook JavaScript Uncover Duniailkom
JavaScript sudah menjadi fitur wajib di setiap website modern. Duniailkom telah menyusun eBook JavaScript Uncover yang membahas JavaScript dengan lebih detail dan lebih lengkap, mulai dari dasar hingga konsep DOM, Event dan AJAX. Penjelasan lebih lanjut bisa ke eBook JavaScript Uncover Duniailkom.

10 Comments

  1. Malik
    14 Mar 17
    • Andre
      15 Mar 17
  2. Abdi
    04 Nov 17
    • Andre
      05 Nov 17
  3. MANTUIDAMAN
    16 Jan 18
    • Andre
      19 Jan 18
  4. Muhammad Iqbal
    05 May 18
  5. handri
    02 Mar 23

Add Comment