Senin, 07 September 2020

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:



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:



Kode program diatas akan mengkonversi Stringduniailkom” 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:



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():



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:



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:





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:






Belajar JavaScript

 


Belajar JavaScript


Saya sedang belajar Konversi Tipe Data JavaScript di duniailkom.com





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.


Sumber wk.com


EmoticonEmoticon

:)
:(
hihi
:-)
:D
=D
:-d
;(
;-(
@-)
:o
:>)
(o)
:p
:-?
(p)
:-s
8-)
:-t
:-b
b-(
(y)
x-)
(h)