Tutorial JavaScript Part#2: Jenis Variabel dan Tipe Data Dasar

Tutorial JavaScript Part#2: Jenis Variabel dan Tipe Data Dasar

 

Halo, para pembaca setia! Jika kalian baru memulai belajar JavaScript atau ingin memperdalam pemahaman tentang dasar-dasar JavaScript, artikel ini cocok untuk kalian. Kali ini, kita akan membahas jenis variabel (var, let, const) dan tipe data dasar dalam JavaScript.

Pemahaman yang baik tentang variabel dan tipe data sangat penting karena menjadi fondasi dalam menulis kode JavaScript yang efisien. Yuk, simak penjelasannya sampai selesai!

1. Jenis Variabel dalam JavaScript

Dalam JavaScript, ada tiga cara untuk mendeklarasikan variabel:

• var
• let
• const

Mari kita bahas perbedaan dan penggunaannya. 

NOTES:

untuk melihat hasil nya cara nya sama sperti pada part 1 pada tutorial sebelumnya. kita harus buka developer mode inspek atau dengan cara tekan fn+F12 lalu pilih tab console

a. var (Variable)

var adalah cara lama mendeklarasikan variabel (sebelum ES6). Variabel var bersifat function-scoped, artinya hanya dikenali di dalam fungsi tempat ia dideklarasikan.

Contoh Kode:

 function contohVar() {
  var nama = "Budi";
  if (true) {
    var nama = "Andi"; // Variabel yang sama
    console.log(nama); // Output: Andi
  }
  console.log(nama); // Output: Andi (karena var tidak block-scoped)
}
 contohVar();

Hasil Run :

Andi

Andi

Catatan:

var bisa di-re-declare (dideklarasikan ulang).

Hoisting: Variabel var akan diangkat ke atas scope-nya, tetapi nilainya undefined sampai di-assign

b. let (Block-Scoped Variable)

let diperkenalkan di ES6 dan bersifat block-scoped, artinya hanya berlaku di dalam blok {} tempat ia dideklarasikan.

Contoh Kode:

function contohLet() {
  let umur = 20;
  if (true) {
    let umur = 25; // Variabel berbeda
    console.log(umur); // Output: 25
  }
  console.log(umur); // Output: 20
}
contohLet();

Hasil Run:

25  

20  

Keunggulan let:

Tidak bisa di-re-declare dalam scope yang sama.

Lebih aman karena mencegah kebocoran variabel.

c. const (Constant Variable)

const digunakan untuk variabel yang nilainya tidak boleh diubah setelah dideklarasikan.

Contoh Kode:

const PI = 3.14;
// PI = 3.1415; // Error! Nilai const tidak bisa diubah

const orang = { nama: "Dewi", umur: 22 };
orang.umur = 23; // Boleh, karena properti object bisa diubah
console.log(orang);

Hasil Run:

{ nama: "Dewi", umur: 23 }

Catatan:

Nilai const harus langsung diinisialisasi.

Jika berupa object atau array, propertinya masih bisa diubah.

2. Tipe Data Dasar dalam JavaScript

selanjut nya kita akan belajar Tipe data pada javascript, JavaScript memiliki beberapa tipe data dasar sebagai berikut:

a. String (Teks)

 let nama = "John Doe";
console.log(nama); // Output: John Doe

b. Number (Angka)

          let angka = 100; let desimal = 3.14; console.log(angka + desimal); //
          Output: 103.14
     

c. Boolean (True/False)

     let isActive = true; let isAdmin = false; console.log(isActive); //
          Output: true
     

d. Null (Kosong dengan Nilai Null)

     let data = null; console.log(data); // Output: null

e. Undefined (Belum Didefinisikan)

     let nilai; console.log(nilai); // Output: undefined

f. Object (Struktur Data Kompleks)

     let user = {
  nama: "Alice",
  umur: 25,
  isAdmin: false
};
console.log(user.nama); // Output: Alice

atau untuk penjelasan secara rinci data dilihat dalam tabel berikut ini:

Tipe Data	Contoh	Keterangan
string	"Hello", '123'	Teks (harus dalam tanda kutip)
number	10, 3.14, NaN	Angka (termasuk desimal)
boolean	true, false	Hanya bernilai true atau false
null	null	Kosong (sengaja di-set kosong)
undefined	undefined	Belum diinisialisasi
object	{ nama: "Budi" }	Kumpulan key-value

Kesimpulan

• Gunakan const untuk nilai yang tetap.
• Gunakan let untuk variabel yang bisa berubah.
• Hindari var karena kurang aman (kecuali di lingkungan lama).
• Pahami tipe data untuk menghindari bug.

samapai disini tutorial kali ini, pada tutorial part#2 ini kita telah selesai belajar jenis variable dan tipe data pada pemrograman javascript.

Jika kalian masih bingung, coba praktikkan langsung di browser console atau CodePen. Jangan ragu bertanya di kolom komentar!

Di artikel selanjutnya, kita akan bahas Fungsi (Function) dalam JavaScript. Stay tuned!

Coming Soon:

Incoming Search Terms:

• perbedaan var let const
• tipe data JavaScript
• contoh penggunaan let dan const
• cara menggunakan variabel di JavaScript
• belajar dasar JavaScript

Semoga bermanfaat! Jangan lupa like dan share jika artikel ini membantu.

Share this post