JavaScript - Operator Penugasan

Hai, para pemrogram yang sedang belajar! Hari ini, kita akan melihat dunia menarik dari operator penugasan JavaScript. Jangan khawatir jika Anda baru dalam pemrograman – saya akan mengarahkan Anda langkah demi langkah, seperti yang saya lakukan bagi ratusan murid selama tahun-tahun mengajar. Mari kita mulai petualangan coding ini bersama!

Operator Penugasan JavaScript

Operator penugasan adalah seperti pekerja keras dalam pemrograman. Mereka membantu kita menugaskan nilai ke variabel, yang adalah konsep dasar dalam coding. PERTimbangkan variabel sebagai kotak tempat kita menyimpan informasi, dan operator penugasan sebagai alat yang kita gunakan untuk memasukkan hal-hal ke dalam kotak itu.

Operator Penugasan Dasar (=)

Operator penugasan yang paling umum adalah tanda sama dengan (=). Itu sederhana tapi kuat. mari kita lihat contoh:

let umurSaya = 30;
console.log(umurSaya); // Output: 30

Dalam contoh ini, kita membuat variabel umurSaya dan menugaskan nilai 30 kepadanya. Pernyataan console.log kemudian mencetak nilai ini.

Tapi tunggu, ada lagi! Operator penugasan dapat melakukan lebih daripada hanya penugasan sederhana. mari kita jelajahi beberapa yang menarik!

Operator Penugasan Aritmetik

Operator penugasan aritmetik menggabungkan operasi matematika dengan penugasan. Mereka seperti singkatan yang membuat kode kita lebih ringkas dan mudah dibaca.

Berikut adalah tabel operator penugasan aritmetik:

Operator	Contoh	Setara dengan
+=	x += y	x = x + y
-=	x -= y	x = x - y
*=	x *= y	x = x * y
/=	x /= y	x = x / y
%=	x %= y	x = x % y
**=	x **= y	x = x ** y

mari kita lihat contohnya:

let skor = 10;

skor += 5; // skor sekarang 15
console.log(skor); // Output: 15

skor -= 3; // skor sekarang 12
console.log(skor); // Output: 12

skor *= 2; // skor sekarang 24
console.log(skor); // Output: 24

skor /= 4; // skor sekarang 6
console.log(skor); // Output: 6

skor %= 4; // skor sekarang 2 (sisa bagi 6 dibagi 4)
console.log(skor); // Output: 2

skor **= 3; // skor sekarang 8 (2 pangkat 3)
console.log(skor); // Output: 8

Apakah itu menarik? Kita telah memanipulasi variabel skor kita dengan berbagai cara tanpa harus menulis ekspresi matematika penuh setiap kali.

Operator Penugasan Bitwise

Sekarang, mari kita masuk ke wilayah sedikit lebih maju: operator penugasan bitwise. Operator ini melakukan operasi bitwise dan menugaskan hasilnya ke variabel. Jangan khawatir jika ini terdengar kompleks – saya akan memecahkan itu untuk Anda!

Berikut adalah tabel operator penugasan bitwise:

Operator	Contoh	Setara dengan
&=	x &= y	x = x & y
|=	x |= y	x = x | y
^=	x ^= y	x = x ^ y
<<=	x <<= y	x = x << y
>>=	x >>= y	x = x >> y
>>>=	x >>>= y	x = x >>> y

mari kita lihat beberapa contoh:

let bilanganBitwise = 5; // Binary: 0101

bilanganBitwise &= 3; // Binary: 0101 & 0011 = 0001
console.log(bilanganBitwise); // Output: 1

bilanganBitwise |= 6; // Binary: 0001 | 0110 = 0111
console.log(bilanganBitwise); // Output: 7

Dalam contoh ini, kita melakukan operasi bitwise AND (&) dan OR (|). Itu seperti kode rahasia untuk komputer!

Operator Penugasan Shift

Operator penugasan shift adalah bagian dari keluarga bitwise, tetapi mereka memerlukan perhatian khusus. Mereka memindahkan bit dari angka ke kiri atau kanan dan menugaskan hasilnya ke variabel.

Kita sudah melihat mereka di tabel sebelumnya, tetapi mari kita fokus pada mereka:

Operator	Contoh	Setara dengan
<<=	x <<= y	x = x << y
>>=	x >>= y	x = x >> y
>>>=	x >>>= y	x = x >>> y

mari kita lihat bagaimana mereka bekerja:

let bilanganShift = 8; // Binary: 1000

bilanganShift <<= 1; // Geser ke kiri 1, Binary: 10000
console.log(bilanganShift); // Output: 16

bilanganShift >>= 2; // Geser ke kanan 2, Binary: 0100
console.log(bilanganShift); // Output: 4

Menygeser bit seperti memindahkan digit dalam angka, tapi dalam bentuk biner. Itu adalah alat kuat untuk jenis tertentu dari perhitungan!

Operator Penugasan Logik

Terakhir tapi bukan paling kurang, mari kita bicarakan tentang operator penugasan logik. Operator ini adalah penambahan yang relatif baru ke JavaScript, diperkenalkan di ES2021. Mereka menggabungkan operasi logik dengan penugasan.

Berikut adalah tabel operator penugasan logik:

Operator	Contoh	Setara dengan
&&=	x &&= y	x && (x = y)
||=	x ||= y	x || (x = y)
??=	x ??= y	x ?? (x = y)

mari kita lihat mereka dalam aksi:

let a = true;
let b = false;

a &&= 5; // a masih benar, jadi dia menjadi 5
console.log(a); // Output: 5

b ||= 10; // b salah, jadi dia menjadi 10
console.log(b); // Output: 10

let c;
c ??= 15; // c adalah undefined, jadi dia menjadi 15
console.log(c); // Output: 15

Operator ini sangat baik untuk menetapkan nilai default atau memperbarui variabel secara kondisional.

Dan itu saja! Kita telah menjelajahi dunia operator penugasan JavaScript. Ingat, latihan membuat sempurna. Cobalah menggunakan operator ini dalam kode Anda sendiri, dan segera mereka akan menjadi kebiasaan kedua Anda. Selamat coding, para pemrogram masa depan!

Credits: Image by storyset