Operator Penugasan JavaScript

Halo, para pemula pemrograman! Hari ini, kita akan mendalam ke dunia yang menarik dari operator penugasan JavaScript. Jangan khawatir jika Anda baru saja memulai pemrograman – saya akan mengajarkan Anda secara langkah demi langkah, sama seperti yang saya lakukan untuk ribuan murid selama tahun-tahun mengajar saya. Mari kita mulai petualangan pemrograman ini bersama!

JavaScript - Assignment Operators

Operator Penugasan JavaScript

Operator penugasan adalah seperti pekerja keras dalam pemrograman. Mereka membantu kita menugaskan nilai ke variabel, yang adalah konsep fundamental dalam pemrograman. Bayangkan 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 paling umum adalah tanda sama dengan (=). Itu sederhana tapi kuat. mari kita lihat contoh:

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

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

Tapi tunggu, ada lagi! Operator penugasan bisa melakukan banyak hal lebih dari sekedar 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 score = 10;

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

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

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

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

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

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

Apakah itu menarik? Kita telah memanipulasi variabel score kita dalam berbagai cara tanpa harus menulis ekspresi matematika lengkap setiap kali.

Operator Penugasan Bitwise

Sekarang, mari kita menjelajahi daerah yang sedikit lebih maju: operator penugasan bitwise. Operator ini melakukan operasi bitwise dan menugaskan hasilnya ke variabel. Jangan khawatir jika ini terdengar kompleks – saya akan memecahkannya 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 bitwiseNum = 5; // Binary: 0101

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

bitwiseNum |= 6; // Binary: 0001 | 0110 = 0111
console.log(bitwiseNum); // 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, tapi mereka pantas mendapat perhatian khusus. Mereka memindahkan bit dari sebuah angka ke kiri atau kanan dan menugaskan hasilnya ke variabel.

Kita sudah melihat mereka di tabel sebelumnya, tapi mari kita fokuskan perhatian:

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

Berikut adalah bagaimana mereka bekerja:

let shiftNum = 8; // Binary: 1000

shiftNum <<= 1; // Shift kiri oleh 1, Binary: 10000
console.log(shiftNum); // Output: 16

shiftNum >>= 2; // Shift kanan oleh 2, Binary: 0100
console.log(shiftNum); // Output: 4

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

Operator Penugasan Logik

Terakhir tapi bukan yang terpenting, 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 contohnya:

let a = true;
let b = false;

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

b ||= 10; // b adalah false, jadi ia menjadi 10
console.log(b); // Output: 10

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

Operator ini sangat baik untuk menentukan nilai default atau memperbarui variabel secara bersyarat.

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

Credits: Image by storyset