Mengenal Tipe Data JavaScript dan Contohnya

Tipe data adalah salah satu fondasi penting dalam bahasa pemrograman, termasuk JavaScript.

Dengan memahami tipe data, pengembang dapat menulis kode lebih efisien, menghindari error, dan memanfaatkan kemampuan JavaScript secara maksimal.

Artikel ini akan membahas berbagai jenis tipe data di JavaScript, termasuk contoh implementasinya untuk membantu Anda memahami penggunaannya secara praktis.

Baca Juga: Belajar JavaScript Untuk Pemula Sampai Mahir

Tipe Data Primitif dalam JavaScript

Tipe data primitif adalah jenis data yang sederhana dan tidak dapat diubah. Artinya, nilai dari tipe data primitif tidak dapat dimodifikasi setelah dibuat. JavaScript memiliki enam tipe data primitif utama:

Number: Tipe data number biasanya digunakan untuk merepresentasikan angka, baik bilangan bulat (integer) maupun desimal (floating-point). Tipe data ini juga dapat menghasilkan nilai spesial seperti Infinity. Contoh:

let age = 25; // integer

1. let price = 19.99; // floating-point

String: Digunakan untuk menyimpan teks. Teks harus berada dalam tanda kutip (“”, ”, atau backticks “). Tipe data string digunakan untuk memuat data berupa teks. Contoh:

let name = “John”;

let greeting = ‘Hello’;

1. let templateLiteral = `Hi, ${name}`;

Boolean: Tipe data boolean memiliki dua nilai, yaitu true atau false. Tipe ini sering digunakan dalam logika program. Contoh:

let isLoggedIn = true;

1. let hasAccess = false;
2. Null: Tipe data null merepresentasikan nilai kosong atau tidak ada nilai sama sekali. Contoh:
   
   let emptyValue = null;

Undefined: Variabel yang dideklarasikan tetapi belum diberikan nilai secara eksplisit akan bernilai undefined. Contoh:

let notAssigned;

1. console.log(notAssigned); // undefined
2. BigInt: Digunakan untuk merepresentasikan angka yang sangat besar di luar batas tipe number. Contoh:
   
   let bigNumber = 123456789012345678901234567890n;
3. Symbol: Tipe data spesial ini digunakan untuk membuat entitas unik. Contoh:
   
   let uniqueId = Symbol(“id”);

 Jenis Tipe Data JavaScript

JavaScript mengelompokkan tipe data menjadi dua kategori utama: tipe data dasar dan tipe data objek.

• Tipe Data Dasar (Primitif) Tipe data dasar mencakup semua tipe data primitif yang telah dijelaskan di atas. Tipe ini bersifat immutable, artinya nilai mereka tidak dapat diubah setelah didefinisikan.
• Tipe Data Objek Tipe data objek adalah tipe data kompleks yang dapat menyimpan berbagai jenis nilai dan properti. Objek memiliki kumpulan properti yang dapat menyimpan data atau metode. Contoh tipe data objek meliputi:
  1. Array: Digunakan untuk menyimpan sekumpulan data dalam satu variabel.
     
     let fruits = [“apple”, “banana”, “cherry”];

Function: Digunakan untuk menyimpan blok kode yang dapat dieksekusi.

function greet() {

  return “Hello, World!”;

1. }
2. Object: Struktur data yang digunakan untuk menyimpan pasangan key-value.
   let person = {
     name: “John”,
     age: 30
   };

Menggunakan Operator untuk Memeriksa Tipe Data

JavaScript menyediakan operator typeof untuk memeriksa tipe data dari sebuah variabel.

Operator ini sangat berguna saat Anda ingin memastikan tipe data sebelum melakukan operasi tertentu. Berikut adalah beberapa contoh penggunaannya:

console.log(typeof 42); // “number”

console.log(typeof “Hello”); // “string”

console.log(typeof true); // “boolean”

console.log(typeof null); // “object” (quirk JavaScript)

console.log(typeof undefined); // “undefined”

console.log(typeof {}); // “object”

console.log(typeof function(){}); // “function”

Perbedaan Tipe Data dalam JavaScript

Perbedaan mendasar antara tipe data primitif dan tipe data objek terletak pada cara penyimpanan dan pengoperasiannya:

• Tipe Data Primitif: Tipe data ini disimpan secara langsung di dalam stack memory dan menggunakan mekanisme pass-by-value. Artinya, saat sebuah variabel primitive disalin ke variabel lain, nilai asli tidak terpengaruh oleh perubahan pada salinan.
• Tipe Data Objek Tipe data ini disimpan di heap memory dan menggunakan mekanisme pass-by-reference. Artinya, saat sebuah objek disalin ke variabel lain, keduanya merujuk ke memori yang sama, sehingga perubahan pada salah satu variabel akan memengaruhi yang lain.
  

Contoh Penggunaan Tipe Data dalam JavaScript

Berikut adalah beberapa contoh implementasi tipe data dalam JavaScript:

Deklarasi Variabel:

let number = 100;

let text = “JavaScript”;

let isTrue = true;

let nothing = null;

let notDefined;

• let largeNumber = 123456789n;

Operasi pada Tipe Data:

let sum = 10 + 5; // Operasi pada number

let sentence = “Hello” + ” World”; // Operasi pada string

• let isEqual = (10 === 10); // Operasi pada boolean
• Memeriksa Nilai dengan typeof:
  
  console.log(typeof sentence); // “string”

Pentingnya Memahami Berbagai Jenis Tipe Data dalam Pemrograman

Dengan memahami bagaimana tipe data bekerja, Anda dapat menghindari banyak kesalahan dan menulis kode program yang lebih efisien.

Selain itu, kemampuan ini akan membantu Anda saat menghadapi tantangan yang lebih kompleks, seperti manipulasi data atau debugging aplikasi JavaScript.

Untuk meningkatkan keterampilan Anda lebih jauh, pertimbangkan untuk mengikuti kursus fullstack web developer JavaScript dari Course Net.

Kursus ini dirancang untuk membantu Anda memahami dasar-dasar JavaScript, termasuk tipe data, dan menerapkannya dalam proyek nyata.

Jangan ragu untuk mulai belajar dan mengeksplorasi lebih jauh!