JavaScript Tingkat: Pemula 2 menit baca 3 contoh kode
Variabel dan tipe data: menyimpan nilai di JavaScript
Mengenal const dan let, tiga tipe data paling dasar, dan cara mencoba kode langsung di konsol peramban.
Laras Wulandari
Terbit
Seri JavaScript dari nol Bagian 1 dari 4
Lihat semua bagian seri ini
- Variabel dan tipe data: menyimpan nilai di JavaScript (sedang dibaca)
- Kondisi dan perulangan: membuat kode mengambil keputusan
- Fungsi: membungkus langkah agar bisa dipakai ulang
- DOM dan event: membuat tombol yang benar-benar bekerja
Daftar isi
Yang akan dipelajari
- Membuka konsol di peramban
-
Perbedaan
constdanlet - Tipe string, number, dan boolean
- Mengubah teks menjadi angka
Prasyarat
- Peramban apa saja dengan alat pengembang
- Tidak perlu pengalaman JavaScript
JavaScript adalah bahasa pemrograman yang berjalan di peramban. Sebelum membuat halaman bereaksi terhadap klik, kita perlu paham cara menyimpan dan mengolah nilai. Semua contoh di bagian ini bisa dicoba tanpa membuat berkas apa pun.
Mencoba di konsol
Buka alat pengembang di peramban (biasanya lewat tombol F12 atau menu klik kanan lalu "Periksa"), kemudian pilih tab Konsol. Ketik sebaris kode, tekan Enter, dan hasilnya langsung muncul.
const dan let
Variabel adalah nama untuk sebuah nilai. Pakai const untuk nilai yang tidak akan diganti dan let untuk nilai yang akan berubah.
const nama = 'Rani';
let umur = 20;
umur = umur + 1;
console.log(nama); // Rani
console.log(umur); // 21
Kalau kamu mencoba mengisi ulang variabel const, JavaScript menolak dan menampilkan galat. Itu hal baik: kode memberi tahu kita ketika ada nilai yang berubah tanpa sengaja. Kebiasaan yang kami sarankan: pakai const dulu, ganti ke let hanya ketika memang perlu.
Tiga tipe data dasar
-
String adalah teks, ditulis di antara tanda kutip:
'halo'. -
Number adalah angka, bulat maupun pecahan:
42atau3.5. -
Boolean hanya punya dua nilai:
trueataufalse.
console.log(typeof 'halo'); // string
console.log(typeof 42); // number
console.log(typeof true); // boolean
Teks tidak sama dengan angka
Nilai yang diketik pengguna di kolom isian selalu berupa string, walaupun isinya angka. Tanda + menyambung string tetapi menjumlahkan number, jadi hasilnya bisa mengejutkan.
console.log('5' + 2); // 52
console.log(Number('5') + 2); // 7
Ringkasan
constuntuk nilai tetap,letuntuk nilai yang berubah.- Tiga tipe dasar: string, number, boolean.
typeofmenunjukkan tipe sebuah nilai.- Gunakan
Number()untuk mengubah teks menjadi angka sebelum berhitung.
Latihan
Kerjakan tanpa melihat contoh dulu. Buntu itu wajar; intip seperlunya.
- Buat variabel
hargadanjumlah, lalu tampilkan hasil kalinya denganconsole.log. - Coba isi ulang sebuah
constdan baca pesan galat yang muncul. - Tebak dulu hasil
'3' + '4', baru jalankan di konsol.
Ditulis oleh Laras Wulandari
Penulis JavaScript · 5 tutorial
Pernah mengajar kelas komputer untuk remaja di balai warga. Percaya bahwa konsep paling rumit pun bisa dijelaskan dengan contoh sehari-hari, asal contohnya benar-benar dijalankan dulu.