Tipe Data Dalam Javascript
icon-js

⛾ Home javascript-dasar Minggu, 01 Januari 2023 (Diupdate: Kamis, 19 Januari 2023) - 📗 5 Menit

Tipe data adalah sebuah sebuah sistem pengelompokkan data yang dibuat dengan tujuan untuk mempermudah pemrosesan data.

Tipe data dalam javascript

Terdapat cukup banyak jenis tipe data yang ada didalam bahasa javascript.

Masing-masing tipe data memiliki fungsi dan tujuan yang berbeda-beda satu sama lainnya.

Berikut ini adalah daftar tipe data dalam javascript:

  1. Number
  2. String
  3. Boolean
  4. Array
  5. Object
  6. Symbol
  7. Undefined
  8. Null
  9. BigInt

1. Tipe data Number

Tipe data number digunakan untuk data yang berkaitan dengan angka atau bilangan. Misalnya, bilangan positif, negatif, bilangan pecahan atau desimal, dan lain-lain.

Dibawah ini adalah daftar dan penjelasan untuk data yang bertipe number.

1.1 Bilangan bulat

1// bil bulat (tanpa koma)
220
315
4
5// contoh lainnya
6let a = 25;

1.2 Bilangan negatif

1// bil negatif
2-7
3-13
4
5// contoh lainnya
6let b = -33;

1.3 Bilangan pecahan (desimal)

1// bil desimal atau pecahan
23.32
37.5
4
5// contoh lainnya
6let c = 56.7;

Koma pada bilangan pecahan javascript menggunakan dot atau titik (.) bukan koma seperti umumnya.

1.4 Eksponen

1123e5   // sama dengan 12300000
2123e-5  // sama dengan 0.00123

1.5 Infinity (angka tak terbatas)

Infinity digunakan untuk menunjukkan angka yang tak terbatas/tak terhingga.

Terdapat 2 jenis infinity, yaitu:

  1. +Infinity atau Infinity
  2. -Infinity

Infinity positif adalah angka yang mewakili angka yang lebih besar dari angka terbatas manapun.

Infinity negatif adalah angka yang mewakili angka yang lebih kecil dari angka terbatas manapun.

Lihat contohnya dibawah ini:

1Infinity    // positif, angka tak terbatas
2-Infinity   // negatif, angka tak terbatas
3
4// contoh lainnya
5Infinity + 10    // output: Infinity
6Infinity * 2     // output: Infinity
7-Infinity / 2    // output: -Infinity

Ada banyak contoh penggunaan infinity, misalnya seperti yang ada pada window browser yang tidak memiliki batas untuk membesarkan windownya.

1.6 NAN (Not A Number)

NaN muncul saat suatu nilai bukan bertipe number. Misalnya saat tipe data lainnya dikali tipe data number, atau kasus lainnya.

NaN

2. String

String adalah tipe data yang digunakan untuk menyimpan teks atau karakter tertentu.

Misalnya seperti teks bertuliskan kucing1, sepak bola, dan lain-lain.

Untuk membuat string, kamu harus menggunakan tanda kutip 2 diawal dan diakhir string.

Selain itu, kamu juga bisa membuat string menggunakan kutip 1 atau backtick jika ada kondisi yang memungkinkan.

Contohnya seperti pada kode dibawah ini:

1// contoh string
2"kucingku"        // string 1
3'harimau uuu...'  // string 2
4`Singaa aaa..`    // string 3

Untuk backtick sedikit lebih spesial, karena dengan backtick, kamu dapat menyisipkan sintaks javascript didalam string itu sendiri.

Untuk menyisipkan sintaks javascript di dalam string yang menggunakan backtick, kamu perlu memasukkan sintaks atau kodenya didalam format ${didalam sini}.

Lihat contohnya dibawah ini:

1let a = 4 + 1
2let b = `kucingku ada ${a}`  // output: kucingku ada 5
3
4// contoh lainnya
5let c = 3 + 5
6`Joni punya ${c} koleksi jam mahal`  // output: Joni punya 8 koleksi jam mahal

Ada saatnya kamu akan menemukan suatu masalah yang mengharuskanmu menggunakan tanda kutip didalam string.

Kamu dapat mengatasinya menggunakan yang namanya karakter Escape.

Untuk memasukkan tanda kutip sebagai bagian dari isi string, kamu harus menggunakan garis miring diawal dan diakhir teks/tulisan yang ingin menggunakan kutip tersebut.

Lihat contoh penggunaannya dibawah ini:

1"Nama saya \"joni\", hari ini saya pergi ke masjid untuk sholat jum'at"

Untuk karakter Escape lainnya, silahkan lihat pada tabel dibawah ini.

Karakter Escape Output
\0 Null
' '
" "
\ \
\n new line atau baris baru
\t tab
\b backspace atau spasi
\uXXXX untuk menampilkan karakter unicode, Misalnya simbol © memiliki unicode u00A9

3. Boolean

Tipe data boolean digunakan untuk merepresentasikan logika berupa nilai true (artinya benar) dan false (artinya salah).

1true   // merepresentasikan benar
2false  // merepresentasikan salah

Dibawah ini adalah nilai true dan false default atau bawaan dari javascript.

truthy falsy
true false
Selain angka 0 0
“string ada isinya” ""
object undefined
array null
function NaN

truthy artinya nilai yang menghasilkan true.

falsy artinya nilai yang menghasilkan false.

4. Array

Array adalah objek yang dapat menyimpan beberapa nilai sekaligus.

Nilai dalam array berdiri sendiri dan dapat diakses menggunakan yang namanya indeks array.

Indeks dalam array javascript adalah berupa angka yang ditentukan javascript untuk masing-masing nilai dalam array.

Singkatnya, ini seperti cara untuk mengidentifikasi setiap data dalam array tersebut.

Indeks ini di identifikasi dalam bentuk angka mulai dari 0, 1, 2, 3, dst.

Lihat contohnya pada gambar dibawah ini:

javascript-array-indexing

5. Object

Tipe data object adalah tipe data kompleks yang digunakan untuk menyimpan kumpulan data menjadi satu kesatuan.

Gunakan kurung kurawal diawal dan diakhir dari data object.

Gunakan juga koma untuk memisahkan setiap data didalamnya.

Setiap data didalam object selalu memiliki format key: value. Lihat contohnya pada kode dibawah ini:

1let data1 = {
2    key1: "kucing",
3    key2: 20,
4    key3: true
5};

Kamu juga bisa menulisnya dalam satu baris memanjang seperti dibawah ini:

1let data1 = {key1: "kucing", key2: 20, key3: true};

6. Symbol

Tipe data symbol merupakan tipe data baru yang diperkenalkan pada ECMAScript 6.

Ini digunakan untuk membuat sesuatu yang unik dari duplikasi nama/variabel yang telah ada.

Misalnya, saya membutuhkan dua atau lebih variabel dengan nama id, tetapi saya tidak ingin membuat urutan seperti id1, dan id2, dst.

Maka saya bisa menggunakan tipe data simbol untuk membuat hal ini memungkinkan.

Lihat contohnya dibawah ini:

1let id = Symbol("id");
2
3let person = {
4    name: "Jack",
5    // symbol sebagai key dalam object
6    [id]: 123 // not "id": 123
7};
8
9console.log(person); // output: {name: "Jack", Symbol(id): 123}

Symbol sebagai key dalam object tidak berpengaruh terhadap for loop javascript.

Tenang, data tersebut masih ada, hanya saja tidak termasuk ke dalam Object.keys() atau Object.getOwnPropertyNames().

Kamu bisa mengakses symbol didalam object menggunakan Object.getOwnPropertySymbols().

Contoh lainnya:

 1const NAME = Symbol()
 2const person = {
 3  [NAME]: 'Edgard',
 4  name: 'Glatino'
 5};
 6
 7person[NAME]; // output: Edgard
 8person.name;  // output: Glatino
 9
10const RUN = Symbol()
11person[RUN] = () => 'Person is running'
12console.log(person[RUN]())  //'Person is running'

Setiap tipe data symbol memiliki identitas unik tersendiri, untuk mengeceknya kamu bisa menggunakan operator perbandingan di javascript.

Lihat contoh dibawah ini:

1let a = Symbol();
2let b = Symbol();
3
4// apakah keduanya sama?
5a === b  // output: false

7. Undefined (tak terdefinisi)

Undefined adalah tipe data yang muncul saat hasil dari suatu proses tidak ada (tak terdefinisi).

Contohnya seperti:

  • Saat memanggil variabel yang belum memiliki nilai yang ditetapkan.
  • Saat memanggil object yang belum dibuat
  • Saat memanggil suatu function yang tidak mengembalikan nilai (return value)

8. Null

null adalah suatu nilai dalam javascript yang mewakili nilai kosong atau tidak diketahui.

Lihat contohnya dibawah ini:

1let x = null;

9. BigInt

Di JavaScript, tipe data Number hanya dapat mewakili angka dari -(2^53 - 1) sampai (2^53 - 1).

Namun, jika kamu perlu angka yang lebih besar dari itu, kamu bisa menggunakan tipe data BigInt.

Caranya sangat mudah, cukup menambahkan huruf n dibelakang angka.

1let z = 900719925124740997n;
2
3// Contoh operasi pertambahan BigInt + BigInt
4let hasil = z + 2n;  // output: 900719925124740999n

Tipe data BigInt hanya dapat melakukan operasi (tambah, kurang, kali, dll) dengan tipe data BigInt lainnya.

Jika misalnya BigInt ditambah tipe data Number, maka akan muncul error seperti Error! BitInt and number cannot be added.

captcha-img