← Galeri
Pesan
Demo oleh abcweb.id
Ngoding Santai Tutorial web untuk pemula
Menu

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
  1. Variabel dan tipe data: menyimpan nilai di JavaScript
  2. Kondisi dan perulangan: membuat kode mengambil keputusan (sedang dibaca)
  3. Fungsi: membungkus langkah agar bisa dipakai ulang
  4. DOM dan event: membuat tombol yang benar-benar bekerja
Daftar isi
  1. Kondisi dengan if dan else
  2. Membandingkan dengan tiga tanda sama dengan
  3. Perulangan for
  4. Menelusuri array
  5. Ringkasan
  6. Latihan

Yang akan dipelajari

  • Menulis if, else if, dan else
  • Membandingkan nilai dengan ===
  • Mengulang dengan for
  • Menelusuri array dengan for...of

Prasyarat

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.

Konsol JavaScript
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.

Konsol JavaScript
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.

Konsol JavaScript
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.

Konsol JavaScript
const buah = ['apel', 'jeruk', 'mangga'];

for (const nama of buah) {
  console.log(nama);
}

console.log(buah.length); // 3

Ringkasan

  • if dan else membuat kode bercabang berdasarkan syarat.
  • Bandingkan dengan ===, bukan ==.
  • for mengulang sejumlah putaran tertentu.
  • for...of menelusuri setiap isi array.

Latihan

Kerjakan tanpa melihat contoh dulu. Buntu itu wajar; intip seperlunya.

  1. Tulis kondisi yang mencetak "genap" atau "ganjil" untuk sebuah angka (petunjuk: angka % 2 === 0).
  2. Cetak angka 10 sampai 1 secara mundur dengan for.
  3. 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.

Tutorial lain dari Laras

Tutorial terkait