Cara Merubah Tipe Data dalam Javascript

javascript

Dalam javascript suatu tipe data akan berubah secara otomatis sesuai operator yang digunakan. Tipe data string akan menjadi number bila dilakukan operasi pembagian misalnya. Sebagai contoh pada kode script di bawah ini.

<script>
var a="15";     // tipe data: string
var b=3;       // tipe data: number
  hasil1= a/b;
console.log(hasil1);   // hasil = 3 bertipe number;
  hasil2= a + b;
console.log(hasil2);   // hasil = 153 bertipe string karena dibaca sebagai Operasi penyambungan;
</script>
Operasi pembagian akan mengubah tipe data variabel string menjadi number, seperti contoh di atas. Sementara operasi penambahan , javascript akan menyambungkan data yang dibaca sebagai string. Sementara itu dalam operasi logika atau perbandingan data akan diubah otomatis menjadi data boolean. Sebagai contoh anda bisa menjalankan code berikut dalam javascript.

<script>
var a="konversi data booelan";
  if (a)    // a akan dikonversi menjadi boolean true
{   console.log("Contohnya Ini");}
</script>

Tips : Karena seringnya + dibaca sebagai operasi penyambungan – dalam melakukan operasi penambahan lebih baik digunakan rumus () – (-). Misalnya a+b lebih baik ditulis a –(-b).

Dari script di atas string variabel a diubah menjadi boolean bernilai true. Cara konversi ini telah dibahas dalam pembahasan cara penulisan tipe data boolean.

Meskipun diubah secara otomatis, kadang untuk menghindari error bisa juga digunakan perubahan data dengan menggunakan property. Masing masing property untuk perubahan tipe data dalam javascript sebagai berikut.

Konversi tipe data Menjadi Number pada Javascript

Untuk mengubah tipe data string ataupun logika ke tipe data number bisa menggunakan fungsi Number(). Format penulisannya Number (variabel); Sebagai contoh bisa dijalankan program di bawah ini.

<script>
var a="15"; var b=3;var c=true;
  
hasil1 = a + b;
console.log(hasil1);    // hasil1= 153 (karena a adalah String dilakukan penyambungan)
  
hasil2 = Number(a) + b;
console.log(hasil2);    // hasil2= 18 (karena a adalah sudah jadi tipe data number)
  
var d = Number(a);      // c sekarang bertipe Number: 15
  
hasil3 = d + b;
console.log(hasil3);    // hasil3= 18 (karena d adalah number hasil konversi string a)
  
hasil4 = Number(c) + d;
console.log(hasil4);    // hasil4= 19 (pada boolean false =0 dan true =1)</script>

Fungsi lain yang bisa digunakan untuk menjadi tipe data number bisa digunakan parseInt() dan parseFloat() khusus untuk string menjadi number. Pada fungsi parseInt() semua akan diubah ke bilangan bulat, tanpa ada desimal. Angka desimal akan dibuang tanpa pembulatan. Sementara fungsi parseFloat() akan mengubah data sesuai dengan data aslinya, dengan tetap menuliskan desimalnya. Agar lebih paham bisa dijalankan kode di bawah ini.

<script>
var a="12.78"; var b="9 nyawa"; var c="99.99 meter";
  
hasil1= parseInt(a);    // a menjadi number 12
console.log(hasil1);
  
hasil2= parseInt(b);    // b menjadi number 9
console.log(hasil2);
  
hasil3= parseInt(c);    // c menjadi number 99
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 99.99
console.log(hasil6); </script>

Mengubah Tipe Data Menjadi String pada Javascript

Fungsi untuk mengubah tipe data menjadi string bisa digunakan fungsi toString(). Atau bisa juga dengan perintah String(). Sebagai contoh bisa dijalankan kode dibawah ini.

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

Jika ditampilkan memang hasil akan tetap sama. Tetapi tipe data hasil tersebut telah dibaca sebagai string. Beberap hal yang harus diingat kembali bahwasanya hasil dari beberapa tipe data number yang mengunakan fungsi toFixed(), toPrecision(), toExponential juga akan menghasilkan tipe data string secara otomatis.

Merubah tipe Data ke tipe data Boolean dalam Javascript

Untuk melakukan perubahan menjadi tipe data Boolean bisa menggunakan fungsi Boolean(). Dalam kurung, diisikan variabel atau nilai yang akan diubah. Sebagai contoh bisa anda bisa menjalankan kode di bawah ini.

<script>
var a=321.01; var b="ibu budi"; 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 karena 0 nilai booleannya false
console.log(hasil4);
</script>

Fungsi : typeOf dalam Javascript

Kegunaan fungsi typeOf() dalam javascript adalah untuk mengetahui tipe data suatu variabel. Misalkan untuk mencari tahu var u =”joko soesilo”; maka cukup ditampilkan dengan menggunakan fungsi typeOf(u);

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Cara Tahu Tipe Data dalam Javascript</title>
<script>
var m=123.45; var a="Luna Maya"; var r=true; var t=[1,2,3]; var h= new String("Ariel Peter Pan"); var y=null;

hasil1= typeof(m);    // hasil : number
console.log(hasil1);

hasil2= typeof(a);    // hasil : string
console.log(hasil2);

hasil3= typeof(r);    // hasil : boolean
console.log(hasil3);

hasil4= typeof(t);    // hasil : object
console.log(hasil4);

hasil5= typeof(h);    // hasil : object
console.log(hasil5);

hasil6= typeof(y);    // hasil : object
console.log(hasil6);

hasil7= typeof(u);    // hasil : undefined karena u tak didefenisikan di variabel
console.log(hasil7);
</script> 
</head><body><h1>Cara Tahu Tipe Data dalam Javascript</h1>
<p> Ini Contoh Tampilan Javascript dengan Console.log</p>
</div></body></html>

Fungsi typeOf ini sangat berguna ketika proses debugging (mencari kesalahan). Karena bisa saja kesalahan dikarenakan kekeliruan dalam men-input tipe data pada javascript.

Share Yuk

Facebook Twitter Linkedin

Related Posts

Loading...