Mengubah Jenis Data JavaScript

JavaScript mengenal lima jenis data yang memiliki value, yaitu:

Jenis data di bawah ini merupakan bagian dari jenis data object:

Jenis data di bawah ini merupakan jenis data yang tidak memiliki value:

  • null
  • undefined

typeof operator

Code typeof operator bisa digunakan untuk mengetahui jenis data:

Code JavaSCript 1:

<script>
var a = "Nasi goreng";
var b = 23.33;
var c = NaN;
var d = true;
var e = [3,4,5];
var f = {nama:"Cinta", asal:"Bandung"};
var g = new Date();
var h = function () {};
var i = makanan;   // variable [makanan] tidak dideklarasikan terlebih dahulu sehingga menghasilkan undefined
var j = null;

document.write(typeof a + "<br>");
document.write(typeof b + "<br>");
document.write(typeof c + "<br>");
document.write(typeof d + "<br>");
document.write(typeof e + "<br>");
document.write(typeof f + "<br>");
document.write(typeof g + "<br>");
document.write(typeof h + "<br>");
document.write(typeof i + "<br>");
document.write(typeof j + "<br>");
</script>

Hasil code JavaScript 1:

string
number
number
boolean
object
object
object
function
undefined
object

Perhatikan contoh di atas, [Date], [array], dan [null] adalah jenis data berupa object.

Mengubah jenis data

Sebuah jenis data bisa diubah menjadi jenis data lain dengan dua cara:

  • Menggunakan function.
  • Berubah secara otomatis.

Mengubah number menjadi string

Global method String() bisa mengubah jenis data dari number menjadi string:

Code JavaScript 2:

<script>
var a = String(12);

document.write(typeof a);
</script>

Hasil code JavaScript 2:

string

Beberapa code number method berikut ini bisa mengubah jenis data dari number menjadi string:

Method Penjelasan
toString() mengganti sebuah angka menjadi string.
toExponential() mengganti tampilan sebuah angka menjadi tampilan exponential kemudian angka exponential tersebut diganti menjadi string.
toFixed() menentukan banyaknya jumlah angka dibelakang desimal kemudian angka tersebut diganti jenisnya menjadi string.
toPrecision() menentukan banyaknya jumlah angka yang tampil kemudian angka tersebut diganti jenisnya menjadi string.

Mengubah boolean menjadi string

Global method String() bisa mengubah jenis data dari boolean menjadi string:

Code JavaScript 3:

<script>
var a = String(true);

document.write(typeof a);
</script>

Hasil code JavaScript 3:

string

Code boolean method toString() juga bisa mengubah jenis data dari boolean menjadi string:

Code JavaScript 4:

<script>
var a = true.toString();

document.write(typeof a);
</script>

Hasil code JavaScript 4:

string

Mengubah Date menjadi string

Global method String() bisa mengubah jenis data dari Date menjadi string:

Code JavaScript 5:

<script>
var a = String(Date());

document.write(typeof a);
</script>

Hasil code JavaScript 5:

string

Beberapa code Date method berikut ini bisa mengubah jenis data dari Date menjadi string:

Method Penjelasan
toString() Mengganti tanggal yang disimpan menjadi berjenis string.
toUTCString() Mengganti format tanggal yang disimpan menjadi format UTC kemudian tanggal tersebut diganti menjadi berjenis string.
toDateString() Mengganti format tanggal yang disimpan menjadi hanya tanggal saja tanpa keterangan waktu kemudian tanggal tersebut menjadi berjenis string.

Mengubah string menjadi number

Global method Number() bisa digunakan untuk mengubah jenis data dari string menjadi number.

Berikut ini adalah beberapa jenis string yang bisa diubah menjadi number:

  • String yang berisi angka [contoh: "2.54"] bisa diubah jenis datanya menjadi number [contoh: 2.54].
  • String kosong [""] akan diubah menjadi angka [0].
  • String berisi angka yang tidak bisa dibaca ["23 33"] akan diubah menjadi NaN (Not a Number).

Perhatikan contoh berikut ini:

Code JavaScript 6:

<script>
var a = Number("24.5");
var b = Number("  ");
var c = Number("");
var d = Number("22 33");

document.write(a + "<br />");
document.write(b + "<br />");
document.write(c + "<br />");
document.write(d + "<br />");
</script>

Hasil code JavaScript 6:

24.5
0
0
NaN

Beberapa code global method berikut ini juga bisa mengubah jenis data dari string menjadi number:

Method Penjelasan
parseInt() mengganti sebuah string menjadi sebuah number berjenis integer.
parseFloat() mengganti sebuah string menjadi sebuah number berjenis floating point.

Mengubah boolean menjadi number

Global method Number() bisa digunakan untuk mengubah jenis data dari boolean menjadi number.

Code JavaScript 7:

<script>
var a = Number(true);   // menghasilkan 1
var b = Number(false);  // menghasilkan 0

document.write(a + "<br />");
document.write(b + "<br />");
</script>

Hasil code JavaScript 7:

1
0

Mengubah Date menjadi number

Global method Number() bisa digunakan untuk mengubah jenis data dari Date menjadi number.

Code JavaScript 8:

<script>
var a = Number(true);   // menghasilkan 1
var b = Number(false);  // menghasilkan 0

document.write(a + "<br />");
document.write(b + "<br />");
</script>

Hasil code JavaScript 8:

1
0

Beberapa code Date method berikut ini bisa mengubah jenis data dari Date menjadi number:

Method Penjelasan
getDate() Mengambil tanggal dan menyimpannya dalam bentuk angka (1-31)
getDay() Mengambil hari dan menyimpannya dalam bentuk angka (0-6)
getMonth() Mengambil bulan (0-11)
getFullYear() Mengambil 4 digit tahun (1970-9999)
getHours() mengambil jam (0-23)
getMinutes() Mengambil menit (0-59)
getSeconds() Mengambil detik (0-59)
getMilliseconds() Mengambil milliseconds (0-999)
getTime() Mengambil waktu (milidetik sejak zero time)

Jenis data berubah secara otomatis

Ada beberapa keadaan yang bisa membuat sebuah jenis data berubah menjadi jenis data lainnya secara otomatis. Salah satunya adalah saat JavaScript melakukan sebuah operasi dengan jenis data yang tidak sesuai. Hasilnya adalah tidak bisa ditebak:

Code JavaScript 9:

<script>
var a = 3 + null     // [null] diubah menjadi [0]
var b = "3" + null   // [null] diubah menjadi ["null"]
var c = "3" + 1      // [1] diubah menjadi ["1"]
var d = "3" - 1      // ["3"] diubah menjadi [3]

document.write(a + "<br />");
document.write(b + "<br />");
document.write(c + "<br />");
document.write(d + "<br />");
</script>

Hasil code JavaScript 9:

3
3null
31
2

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>