Tutorial Belajar JavaScript Part 11: Jenis-jenis Tipe Data dalam Bahasa JavaScript

Melanjutkan tutorial bahasa pemrograman JavaScript di Duniailkom, kali ini kita akan membahas pengertian tipe data, jenis-jenis tipe data, serta contoh kode program berbagai tipe data di dalam bahasa JavaScript.


Pengertian Tipe Data

Sebelum sampai ke jenis-jenis tipe data di dalam bahasa JavaScript, ada baiknya membahas sedikit pengertian dari tipe data itu sendiri. Apa itu tipe data?

Mengutip dari wikipedia (Data type):

"A data type or simply type is a classification of data which tells the compiler or interpreter how the programmer intends to use the data".

Terjemahannya:

"Tipe data atau kadang disingkat dengan 'tipe' saja adalah sebuah pengelompokan data untuk memberitahu compiler atau interpreter bagaimana programmer ingin mengolah data tersebut"

Secara sederhana, tipe data adalah cara kita memberitahu komputer untuk mengelompokkan data berdasarkan apa yang dipahami oleh komputer.

Karena JavaScript menggunakan konsep typeless programming language, maka tipe data dari sebuah variabel akan ditentukan dari nilai yang disimpan.

Sebagai contoh, misalkan saya mengisi angka ke sebuah variabel foo. Maka saat itu foo termasuk tipe data number. Tipe data number nantinya bisa diproses dengan operator matematika sebagaimana layaknya angka.

Di beberapa baris kemudian, saya mengisi teks ke dalam variabel foo, maka saat itu foo sudah berubah menjadi tipe data string dan tidak bisa lagi diproses dengan operator matematika.


Jenis-jenis Tipe Data dalam Bahasa JavaScript

Agar memudahkan pemrosesan, JavaScript membedakan data menurut sifatnya atau dikenal sebagai tipe data. Secara garis besar, tipe data dalam JavaScript terdiri dari 2 kelompok, yakni tipe data primitif (primitive type), dan tipe data object.

Tipe data primitif disebut demikian karena tipe data ini sederhana dan hanya terdiri dari 1 nilai. Di dalam JavaScript terdapat 6 tipe data primitif:

  1. Number
  2. BigInt
  3. String
  4. Boolean
  5. Null
  6. Undefined
  7. Symbol

Selain dari tipe data di atas, termasuk tipe data object. Object bisa disebut sebagai tipe data spesial yang jenis dan isinya bisa bermacam-macam. Adapun tipe data object bawaan JavaScript diantaranya:

  1. Array
  2. Set dan WeakSet
  3. Map dan WeakMap
  4. Date
  5. RegExp
  6. Function

Dalam seri tutorial JavaScript di Duniailkom ini kita akan bahas beberapa diantara tipe data ini.


Contoh Kode Program Tipe Data Bahasa JavaScript

Sebagai gambaran dasar, berikut contoh penggunaan berbagai tipe data dalam bahasa JavaScript:

<!DOCTYPE html>
<html lang="id">
<head>
  <title>Belajar JavaScript di Duniailkom</title> 
</head>
<body>
  <h1>Belajar JavaScript</h1>
  <p> Saya sedang belajar JavaScript di duniailkom </p>
  <script>
   let a = 100;
   console.log( typeof a );          // number

   let b = 12.345;
   console.log( typeof b );          // number

   let c = "Duniailkom";
   console.log( typeof c );          // string

   let d = true;
   console.log( typeof d );          // boolean

   let e = null;
   console.log( typeof e );          // object

   let f = [1,2,3];
   console.log( typeof f );          // object
  
   let g = {a:1, b:2, c:3};
   console.log( typeof g );          // object

   let h = new Date();
   console.log( typeof h );          // object

   let i = /abc/;
   console.log( typeof i );          // object
  </script>
</body>
</html>

Jenis-jenis Tipe Data dalam Bahasa JavaScript

Dalam program ini saya membuat 9 variabel a-i yang di isi dengan berbagai tipe data. Perintah typeof dipakai untuk memeriksa jenis tipe data dari sebuah variabel.

Yang cukup unik, JavaScript tidak membedakan angka bulat dan pecahan, angka 100 dan 12.345 sama-sama termasuk tipe data number. Null yang sebenarnya termasuk tipe data primitif, ditampilkan sebagai object.

Penjelasan lebih detail tentang setiap tipe data akan kita bahas dalam tutorial terpisah, yang dimulai dari Tipe Data Number JavaScript.


Saat ini di Duniailkom tersedia eBook / buku JavaScript Uncover. Dengan total lebih dari 650 halaman A4, materi di buku jauh lebih banyak daripada tutorial di web Duniailkom. Penjelasan lebih lanjut bisa ke: JavaScript Uncover – Panduan Belajar JavaScript.

16 Comments

  1. ASR
    16 May 14
    • Andre
      17 May 14
  2. taufik
    25 May 14
    • Andre
      27 May 14
  3. adnanp
    14 Jul 15
    • Andre
      14 Jul 15
  4. sunsun
    31 Jan 16
    • sunsun
      31 Jan 16
  5. Kurnain
    23 Dec 16
    • Andre
      24 Dec 16
  6. Leon Assa
    09 Mar 17
    • Andre
      10 Mar 17
  7. hendra
    06 Apr 18
    • Andre
      08 Apr 18
  8. Ari.K
    14 Sep 18

Add Comment