Object, Array, Logika Kondisional, dan Function

Object

Object adalah struktur data yang menyimpan pasangan key: value. Cocok untuk merepresentasikan data yang memiliki atribut.

Contoh:

const hasilPerhitungan = {
  potonganHarga: 25000,
  hargaFinal: 75000,
};
 
console.log("Potongan Harga: " + hasilPerhitungan.potonganHarga);
console.log("Harga Akhir: " + hasilPerhitungan.hargaFinal);

Di materi kalkulator diskon:

const hasilPerhitungan = {
  potonganHarga: besarDiskon,
  hargaFinal: hargaAkhir,
};

Array

Array adalah daftar berurutan dari nilai.

Contoh:

const daftarAngka = [10, 20, 30];
const daftarNama = ["Rio", "Dhimas", "Satrio"];

Setiap elemen memiliki index, mulai dari 0:

• daftarNama[0] adalah "Rio".
• daftarNama[1] adalah "Dhimas".

Array banyak digunakan untuk menyimpan kumpulan data, misalnya daftar projek.

Logika Kondisional

Logika kondisional memungkinkan program mengambil keputusan.

Operator perbandingan:

• >: lebih dari
• <: kurang dari
• >=: lebih dari atau sama dengan
• <=: kurang dari atau sama dengan
• ===: sama persis (nilai dan tipe)
• !==: tidak sama persis

Contoh:

const umur = 18;
 
if (umur >= 18) {
  console.log("Sudah dewasa");
} else {
  console.log("Belum dewasa");
}

Pada fungsi diskon:

const hitungDiskon = (harga, diskon) => {
  if (diskon > 100) {
    console.log("diskon tidak boleh lebih dari 100%");
  } else {
    const besarDiskon = harga * (diskon / 100);
    const hargaAkhir = harga - besarDiskon;
    return hargaAkhir;
  }
};

Jika diskon > 100, fungsi menampilkan pesan dan tidak melanjutkan perhitungan.

Function

Function adalah blok kode yang dirancang untuk melakukan tugas tertentu. Dengan function, kode menjadi lebih terorganisir dan bisa digunakan kembali.

Contoh fungsi biasa:

function sapa(nama) {
  console.log("Halo, " + nama);
}
 
sapa("Rio");

Contoh arrow function:

const hitungDiskon = (harga, diskon) => {
  if (diskon > 100) {
    console.log("diskon tidak boleh lebih dari 100%");
  } else {
    const besarDiskon = harga * (diskon / 100);
    const hargaAkhir = harga - besarDiskon;
    return hargaAkhir;
  }
};
 
const finalPrice = hitungDiskon(50000, 10);
console.log("Final price: " + finalPrice);

Penjelasan:

• hitungDiskon menerima dua parameter: harga dan diskon.
• Fungsi mengecek apakah diskon valid.
• Jika valid, fungsi menghitung dan mengembalikan harga akhir dengan return.

Konsep fungsi ini akan dipakai lagi saat menghubungkan JavaScript dengan elemen HTML melalui DOM.