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