Javascript Type Conversion
Pada bagian tutorial ketiga mengenai Javascript ini, saya akan sedikit membahas tentang konversi tipe data Javascript. Untuk artikel sebelumnya mengenai Tipe Data Javascript, bisa dilihat di http://pionize.com/2017/01/tipe-data-javascript/
Untuk semua contoh kode, dapat dilihat di JsFiddle: https://jsfiddle.net/pionize/6a25q75v/
Javascript Data Types
- Javascript mempunyai 5 tipe data yang memiliki nilai, yaitu String, Number, Boolean, Object, dan Function.
- Object memiliki 3 tipe, yaitu Object, Date, dan Array.
- Dan ada 2 tipe data yang tidak memiliki nilai, yaitu null dan undefined.
Typeof Operator
- Seperti yang sudah dijelaskan sebelumnya, typeof dapat digunakan untuk mengetahui tipe data dari sebuah variable. Contoh:
typeof 'John' // Returns string typeof 3.14 // Returns number typeof NaN // Returns number typeof false // Returns boolean typeof [1,2,3,4] // Returns object typeof {name:'John', age:34} // Returns object typeof new Date() // Returns object typeof function () {} // Returns function typeof myCar // Returns undefined * typeof null // Returns object
Converting Number to Strings
- Untuk mengubah tipe data variable dari Number ke String, kita dapat menggunakan fungsi String() atau dengan method toString().
- Contoh:
String(x) // returns a string from a number variable x String(123) // returns a string from a number literal 123 x.toString() (123).toString()
Converting Booleans to Strings
- Untuk mengubah tipe data dari Booleans ke String dapat menggunakan fungsi String() atau method toString().
- Contoh:
String(false) // returns 'false' String(true) // returns 'true' false.toString() // returns 'false' true.toString() // returns 'true'
Converting Date to Strings
- Untuk mengubah tipe data variable dari Date ke String, kita dapat menggunakan fungsi String() atau dengan method toString().
String(Date()) // returns Thu Jul 17 2014 15:38:19 GMT+0200 (W. Europe Daylight Time) Date().toString() // returns Thu Jul 17 2014 15:38:19 GMT+0200 (W. Europe Daylight Time)
Converting Strings to Numbers
- Untuk mengubah tipe data variable dari String ke Number, dapat menggunakan fungsi Number(), parseFloat(), parseInt(), atau dengan Unary + operator.
- Contoh:
Number('3.14') // returns 3.14 Number(' ') // returns 0 Number('99 88') // returns NaN parseInt('10'); // returns 10 parseInt('10.33'); // returns 10 parseFloat('10'); // returns 10 parseFloat('10.33'); // returns 10.33 var y = '5'; // y is a string var x = + y; // x is a number
Converting Booleans to Numbers
- Untuk mengubah tipe data Boolean ke Number, dapat menggunakan fungsi Number().
- Contoh:
Number(false) // returns 0 Number(true) // returns 1
Converting Date to Numbers
- Untuk mengubah tipe data Date ke Number, dapat menggunakan fungs Number() atau method getTime().
- Contoh:
d = new Date(); Number(d) // returns 1404568027739 d = new Date(); d.getTime() // returns 1404568027739
Automatic Type Conversion
- Javascript secara otomatis akan mengububah tipe data yang salah ke tipe data yang benar.
- Contoh:
5 + null // returns 5 because null is converted to 0 '5' + null // returns '5null' because null is converted to 'null' '5' + 2 // returns 52 because 2 is converted to '2' '5' - 2 // returns 3 because '5' is converted to 5 '5' * '2' // returns 10 because '5' and '2' are converted to 5 and 2