Javascript Fundamental – Konversi Tipe Data Javascript

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

Tinggalkan Balasan