Tipe Data dalam JavaScript

Irlan Arvila — Sun, 30 Jan 2022 19:03:40 +0000

Tipe Data adalah pembagian jenis data yang memberitahu program bagaimana sebuah data seharusnya diperlakukan.

Di dalam JavaScript, terdapat dua klasifikasi yakni Primitif dan Object.

Primitif: Tipe data yang sederhana dan hanya memiliki satu jenis tipe data.
Object: Merupakan tipe data yang kompleks dan dapat memuat berbagai jenis tipe data.

String

string termasuk kedalam tipe data primitif.

Cara mendeklarasikan string adalah sebagai berikut:

const myString = "My string"; // String dengan tanda petik dua
const otherString = `12`; // String dengan backtick

Tipe data string umumnya digunakan untuk menyimpan data berupa kata ataupun kalimat dalam sebuah baris program.

Terkadang dapat juga menyimpan angka serta data lain yang berbasis teks.

Number

number termasuk kedalam tipe data yang primitif. number dapat langsung ditulis menggunakan angka seperti kode berikut:

const myNumber = 1937;
const otherNumber = 42;

Mungkin ada pertanyaan mengenai tipe data ini, misalnya seperti: Mengapa harus ada tipe data number sementara string juga dapat menyimpan data berupa angka?

Nah, salah satu alasannya adalah karena tipe data string tidak bisa melakukan operasi matematik, seperti pertambahan misalnya.

Mari kita lihat perbedaan tipe data string dan tipe data number:

const string = "1" + "2"; // Hasilnya adalah 12
const number = 1 + 2; // Hasilnya adalah 3

Undefined

Undefined adalah tipe data yang juga primitif. Biasanya nilai undefined ada ketika kita mendeklarasikan sebuah variabel namun tidak memberikannya nilai. Seperti dibawah ini:

let a;

console.log(a) // undefined

Perlu diketahui disini console.log hanya perintah untuk menampilkan output. Nah, mengapa variabel di atas menggunakan let dan bukan const?

Ini karena const adalah variabel yang tidak bisa di deklarasikan ulang. Kamu bisa membacanya disini.

const b;

b = 12 // Uncaught SyntaxError: Missing initializer in const declaration

Null

Di dalam JavaScript, null yang juga primitif dapat berarti nilai yang tidak ada atau tidak diketahui.

Boolean

boolean merupakan tipe data yang hanya mempunyai dua nilai: true dan false. Tipe data ini biasanya digunakan untuk membangun logika dari sebuah kode program.

if (true) {

  // jalankan ini jika true
}
else {
  // jalankan ini jika false
}

Symbol

Jika ingin tipe data yang unik, kita bisa menggunakan symbol. Perhatikan kode berikut:

const symbol1 = Symbol('ini adalah symbol');

Keyword Symbol di atas adalah penanda bahwa data ini akan bertipe symbol, sementara tulisan 'ini adalah symbol' merupakan deskripsi dari symbol itu sendiri.

Kita bisa membuktikannya dengan cara seperti dibawah ini:

const symbol2 = Symbol('ini adalah symbol');

console.log(symbol2.description) // ini adalah symbol

Setiap symbol memiliki nilai yang berbeda, meski dengan deskripsi yang sama.

// Kedua variabel yang kita deklarasikan di awal ternyata mempunyai nilai yang berbeda
symbol1 === symbol2 // false

// Bahkan dua symbol yang dibuat secara bersamaan tetap mempunyai nilai berbeda
Symbol() === Symbol() // false

Seperti yang ada pada kode diatas, symbol dapat di deklarasikan dengan deskripsi (Symbol('deskripsi') atau tanpa deskripsi (Symbol()).

Object

Karena object mampu menyimpan berbagai jenis tipe data, maka object tidak termasuk ke dalam tipe data yang primitif. Cara membuat sebuah object adalah dengan mendeklarasikan variabel yang berisi tanda {}. Di dalam tanda {}, kita dapat memberikan key dan value.Perhatikan kode berikut ini:

const objectType = { name: 'PHP', isPrimitive: true };

Seperti yang telah kita lihat, object dapat berisi string dan juga boolean. Pada kode di atas, name dan isPrimitive adalah key sementara 'PHP' dan true adalah value.

Kesimpulan

Dengan adanya berbagai jenis tipe data, membuat kita lebih leluasa dalam menjalankan alur program. Masing-masing tipe data juga mempunyai peran penting dalam sebuah bahasa pemrograman.

Lalu mengenai klasifikasi, bagaimana cara kita memastikan bahwa string adalah data yang benar-benar bertipe string, atau undefined adalah data yang benar-benar bertipe undefined? Darimanakah kita mengetahui hal tersebut?

Nah, semua pertanyaan ini akan terjawab pada artikel berikutnya...
Stay tune!

Apa itu Variabel?

Irlan Arvila — Tue, 25 Jan 2022 22:20:18 +0000

Variabel adalah suatu nama atau label yang diberikan kepada suatu nilai yang akan disimpan.

Kita bisa membayangkan nilai tersebut sebagai sebuah catatan di Microsoft Word. Ketika akan menyimpan, umumnya kita memberi nama pada file, agar kita dapat dengan mudah mencarinya di lain waktu.

Ini serupa dengan variabel. Kita juga bisa memberikan nama pada sebuah variabel dan menentukan nilai apa yang nantinya akan kita simpan. Nilai pada variabel biasanya kita sebut sebagai data.

Mendeklarasikan variabel

Di dalam JavaScript, kita membuat variabel dengan mendeklarasikannya. Nah cara mendeklarasikan variabel adalah sebagai berikut:

const a = "ini adalah data yang akan disimpan";

Kata const di atas adalah sebuah penanda bahwa data ini tidak akan pernah dan tidak akan bisa berubah.

Jika ingin menyimpan data yang nantinya akan kita rubah, kita dapat menggunakan keyword let.

let b = "data ini nantinya akan dirubah";

Cara memanggil variabel

Untuk menggunakan atau memanggil sebuah variabel sebenarnya mudah, kita hanya perlu menuliskan nama variabel tersebut.

Misalnya kita ingin menjumlahkan nilai dari 2 variabel, maka sintaks (struktur kode) yang kita tulis adalah sebagai berikut:

const a = 1;
const b = 2;

a + b; // Hasilnya adalah 3

Data apa saja yang bisa disimpan?

Jika kamu menyadari, kita hanya menyimpan data berupa teks ataupun angka. Mungkin ada pertanyaan mengenai kenapa harus data tersebut yang disimpan dan kenapa tidak data yang lain?

Salah satu alasannya adalah karena JavaScript merupakan bahasa pemrograman yang isi di dalamnya berupa tulisan atau kode program. Maka data yang ada juga sudah pasti berupa tulisan.

Jika ingin menyimpan data lain seperti foto dan video, kita bisa menggunakan perantara link seperti berikut:

const dataLainnya = "https://images.unsplash.com/photo-1509718443690-d8e2fb3474b7?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1740&q=80";

Ini akan menampilkan data berupa gambar sesuai dengan link yang diberikan.

Kesimpulan

Dengan adanya variabel kita bisa menyimpan data yang bermacam-macam jenisnya seperti huruf, angka, atau bahkan logika.

Pada artikel mendatang kita akan membahas apa saja jenis atau tipe data yang ada dalam JavaScript dan bagaimana cara menggunakannya. Stay tune!

DEV Community: Irlan Arvila

Tipe Data dalam JavaScript

String

Number

Undefined

Null

Boolean

Symbol

Object

Kesimpulan

Apa itu Variabel?

Mendeklarasikan variabel

Cara memanggil variabel

Data apa saja yang bisa disimpan?

Kesimpulan