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. Show Aturan Konversi Tipe Data dalam JavaScriptDi 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 JavaScriptJika 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 NumberUntuk 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 StringUntuk 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 BooleanUntuk 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 JavaScriptJavaScript 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> 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. |