Tutorial Javascript 4 : Tipe Data Javascript, Yuk Kenali Beberapa Jenis Datanya!

Last Updated on December 11, 2021 by

Sama halnya seperti Bahasa pemrograman yang lain, JavaScript juga memiliki beberapa tipe data yang wajib harus Anda ketahui. Namun, sebelum memulai prakteknya, apakah Anda sudah tahu apa itu tipe data dan variable?

Variable merupakan sebuah nama yang mewakili suatu nilai. Variabel dapat diisi dengan berbagai macam nilai seperti string (teks), number (angka), objek, array, dan sebagainya. Jika dianalogikan, variable ini bisa diibaratkan seperti suatu tempat untuk menyimpan sesuatu. Sedangkan tipe data merupakan sebuah pengelompokan jenis data. Tipe data berfungsi agar kompiler bisa mengetahui bagaimana sebuah data akan digunakan.

Setiap benda dapat diklasifikasikan, JavaScript pun juga memiliki sifat yang sama. Data dalam JavaScript juga diklasifikasikan ke dalam kategori yang berbeda, yang dapat diidentifikasi menggunakan operator JavaScript typeOf.

Pada artikel kali ini, kita akan belajar javascript mulai dari penjelasan tipe data javascript tentang tipe data dari JavaScript, tujuan dan penggunaannya, menentukan jenis data apa dalam JavaScript yang merupakan angka, kata, atau fungsi. Selain itu, Anda juga akan belajar cara memasukkannya ke dalam kode Anda.

Apa itu Tipe Data?

Tipe data JavaScript adalah konsep penting dalam pemrograman. Banyak bahasa pemrograman menggunakan klasifikasi untuk pengalaman pengkodean yang lebih baik dan kode bebas bug. Agar program mengetahui bagaimana memperlakukan variabel, ia harus mengetahui tipe datanya. Jenis data dapat diidentifikasi menggunakan typeOfoperator JavaScript.

Deklarasi dan Penggunaan

Pada contoh di bawah ini, Anda dapat melihat tiga jenis data JavaScript yang paling populer: angka, string, dan objek. 3 jenis tipe data ini diperlakukan berbeda oleh program, angka ditampilkan sebagai angka, string ditampilkan sebagai kata, dan objek ditampilkan sebagai fungsi yang menjadi kenyataan. Mereka mengembalikan nilai yang dibuat dalam fungsi:

var nilai = 5; // Angka
var pesan= "Selamat Belajar!"; // String
var identitas = {
nama:"Wilson", 
usia:30
}; // Objek

Tanpa tipe data yang berbeda, JavaScript akan mengalami masalah saat menambahkan dua nilai secara bersamaan. Mari kita simak contoh di bawah ini:

var n = "Jason" + 2;

Saat Anda menambahkan angka ke string, sistem juga melihat angka tersebut sebagai string. Oleh karena itu, JavaScript akan memperlakukan contoh di atas sama seperti di bawah ini:

var n = "Jason" + "2";

JavaScript menggunakan tipe data dinamis, yang berarti Anda tidak perlu mendefinisikan tipe data untuk variabel baru secara spesifik. Satu variabel dapat menampung beberapa jenis data JavaScript:

var n; // Variabel n tidak memiliki tipe data
var n = 2; // Variabel n menjadi Angka
var n = "Jason"; // Variabel n menjadi String

Jenis-Jenis Tipe Data JavaScript

Pada bagian ini, kami akan menjelaskan kepada Anda setiap tipe data secara detail. Dengan cara ini, Anda akan mendapatkan pemahaman yang lebih baik tentang apa yang mereka wakili dan bagaimana menggunakannya. Memahami perbedaan akan membuat Anda terhindar dari kesalahan pemula.

Contoh akan mengikuti setiap penjelasan. Jangan ragu untuk membukanya di editor kode dan bermain-main dengan mengklik tombol Coba Langsung !

1. String

String adalah tipe data JavaScript yang menyimpan informasi dalam teks. String dikemas dengan tanda kutip (tidak seperti angka, yang tidak membutuhkannya). Tanda kutip ganda dan tunggal diterima, tetapi hati-hati dan jangan mencampur keduanya dalam satu string!

var nama = "Jason Putro";   // double quotes  
var nama = 'Jason Putro';   // single quotes

Anda mungkin menghadapi situasi ketika Anda ingin menggunakan tanda kutip di dalam string. Untuk itu, Anda harus menggunakan tanda kutip yang berbeda dari yang menentukan string – lihat contoh di bawah ini untuk melihat cara melakukannya:

var pesan = "Selamat Belajar PHP";      // Double quotes pada umumnya
var pesan = "Selamat Belajar 'PHP'";     // Single quotes dalam double quotes  
var text = 'Selamat Belajar "PHP"';     // Double quotes dalam single quotes

2. Angka

Angka pada JavaScript dapat ditulis dengan atau tanpa desimal. Seperti yang telah kita bahas, mereka tidak boleh ditulis dalam tanda kutip, jika tidak, itu akan dibaca sebagai string.

var n = 2.00;     // Angka dengan bilangan desimal
var n = 2;       // Angka tanpa bilangan desimal

Namun, dengan bilangan yang sangat besar atau kecil, Anda dapat menggunakan notasi ilmiah (eksponensial):

var n = 115e4;      // 1150000
var n = 115e-4;     // 0.0115

3. Objek

Salah satu jenis data JavaScript adalah objek yang ditentukan dengan tanda kurung kurawal. Tipe objek harus memiliki properti dan nilai: ditulis propertyName:valueberpasangan. Contoh di bawah ini membuat sebuah objek bernama iPhone yang memiliki tiga properti:

var hp = {
  merk:"iPhone", 
  warna:"Putih", 
  seri:12, 
};

4. Boolean

Boolean adalah tipe data yang hanya dapat memiliki satu dari dua kemungkinan nilai: true atau false. Ini adalah salah satu tipe data JavaScript yang sering digunakan dalam pengujian kode bersyarat:

var hasil = true;  
var hasil = false;

5. Array

Array JavaScript ditentukan dengan tanda kurung siku. Array adalah salah satu tipe data JavaScript yang biasanya digunakan dengan variabel. Item array biasanya dipisahkan dengan koma. Contoh di bawah ini membuat array dengan tiga elemen:

var kendaraan = ["Mobil", "Motor","Sepeda"];
Catatan: Elemen pertama dari array selalu diindeks sebagai 0.

6. Undefined dan NULL

Ada dua nilai lagi yang harus kita diskusikan, karena akan cenderung membingungkan pemula. Apa perbedaan antara undefined dan NULL, Anda mungkin bertanya? Bukankah keduanya hanya berarti tidak adanya nilai? Sebanarnya tidak juga. Jika variabel tidak memiliki nilai, JavaScript secara otomatis menetapkannya sebagai undefined.

Dalam contoh di bawah ini, variabel memiliki nama tetapi tidak memiliki nilai yang ditetapkan. Tanpa nilai, kita tidak tahu apa jenis variabel ini yang membuatnya undefined. Jika Anda menggunakan operator JavaScript typeOf pada variabel JavaScript yang tidak ditentukan, program undefinedhanya akan mengembalikan:

var pesan;   // Nilai tidak didefinisikan, tipe data tidak didefinisikan

Namun, JavaScript null juga tidak memiliki nilai. Perbedaannya adalah meskipun tidak memiliki nilai, ia dianggap sebagai benda. Anda dapat menghapus objek dengan menyetelnya ke JavaScript null. Ini juga berarti bahwa menggunakan operator JavaScript typeOf akan mengidentifikasi variabel ini sebagai objek:

var pesan = null; // Bernilai NULL, tapi tipe tetaplah sebuah objek

Di sisi lain, Anda juga dapat membersihkan objek dengan mengaturnya undefined. Dalam hal ini, ia kehilangan nilai dan tipenya. Ini berarti bahwa menggunakan operator JavaScript typeOf akan mengidentifikasinya bukan sebagai objek tetapi undefinedvariabel JavaScript:

var pesan = undefined;   // Nilai tidak ditentukan, tipe tidak ditentukan

Penutup

Variabel dan tipe data merupakan dua hal dasar yang wajib di pelajari dalam bahasa pemrograman apapun. Walau tidak seperti Bahasa pemrograman lain seperti C, C++, C#, Java, dan lain-lain, dimana Anda harus menuliskan atau mendefinisikan tipe data pada variabel yang dibuat. Pada Javascript Anda tidak perlu menuliskan tipe data saat pembuatan variabel, karena Javascript bersifat dynamic typing.

Namun tetap saja sangat penting untuk menggunakan sintaks yang benar untuk tipe data sehingga browser dapat memahami kode Anda. Ada beberapa jenis data JavaScript, yang memiliki tujuan berbeda dalam kode.

Seperti String, angka, Boolean, object, array dan Undefined dan NULL. Selain itu, Anda dapat menggunakan operator JavaScript typeOf untuk memeriksa jenis data JavaScript apa itu. Selamat belajar javascript di Codekey!