JavaScript Tingkat: Pemula 2 menit baca 4 contoh kode
Kondisi dan perulangan: membuat kode mengambil keputusan
Memakai if dan else untuk bercabang, for untuk mengulang, dan for...of untuk menelusuri isi array.
Laras Wulandari
Terbit
Seri JavaScript dari nol Bagian 2 dari 4
Lihat semua bagian seri ini
- Variabel dan tipe data: menyimpan nilai di JavaScript
- Kondisi dan perulangan: membuat kode mengambil keputusan (sedang dibaca)
- Fungsi: membungkus langkah agar bisa dipakai ulang
- DOM dan event: membuat tombol yang benar-benar bekerja
Daftar isi
Yang akan dipelajari
-
Menulis
if,else if, danelse -
Membandingkan nilai dengan
=== -
Mengulang dengan
for -
Menelusuri array dengan
for...of
Prasyarat
- Paham
const,let, dan tipe data dasar - Tutorial: Variabel dan tipe data: menyimpan nilai di JavaScript
Program menjadi berguna ketika bisa bertindak berbeda pada keadaan berbeda dan mengulang pekerjaan tanpa kita menulis ulang kodenya. Dua kemampuan itu datang dari kondisi dan perulangan.
Kondisi dengan if dan else
Blok if menjalankan kode hanya ketika syarat di dalam kurung bernilai true. Blok else menangani keadaan sebaliknya.
const nilai = 78;
if (nilai >= 85) {
console.log('Sangat baik');
} else if (nilai >= 70) {
console.log('Baik');
} else {
console.log('Perlu latihan lagi');
}
// Baik
Syarat diperiksa dari atas ke bawah, dan hanya blok pertama yang cocok yang dijalankan.
Membandingkan dengan tiga tanda sama dengan
Untuk memeriksa apakah dua nilai sama, pakai ===. Operator == (dua tanda) mencoba menyamakan tipe terlebih dahulu sehingga hasilnya sulit ditebak.
console.log(5 === 5); // true
console.log(5 === '5'); // false
console.log(5 == '5'); // true (hindari)
Perulangan for
Perulangan for punya tiga bagian di dalam kurung: nilai awal, syarat untuk terus berjalan, dan perubahan di tiap putaran.
for (let i = 1; i <= 3; i++) {
console.log('Putaran ke-' + i);
}
// Putaran ke-1
// Putaran ke-2
// Putaran ke-3
Menelusuri array
Array adalah daftar nilai di dalam kurung siku. Untuk mengunjungi setiap isinya, for...of lebih mudah dibaca daripada for biasa.
const buah = ['apel', 'jeruk', 'mangga'];
for (const nama of buah) {
console.log(nama);
}
console.log(buah.length); // 3
Ringkasan
ifdanelsemembuat kode bercabang berdasarkan syarat.- Bandingkan dengan
===, bukan==. formengulang sejumlah putaran tertentu.for...ofmenelusuri setiap isi array.
Latihan
Kerjakan tanpa melihat contoh dulu. Buntu itu wajar; intip seperlunya.
- Tulis kondisi yang mencetak "genap" atau "ganjil" untuk sebuah angka (petunjuk:
angka % 2 === 0). - Cetak angka 10 sampai 1 secara mundur dengan
for. - Buat array berisi tiga nama teman dan sapa masing-masing dengan
for...of.
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.