JavaScript - Operator

Halo teman-teman, para ahli JavaScript masa depan! Saya sangat senang menjadi panduan Anda dalam perjalanan menarik ini ke dunia operator JavaScript. Sebagai orang yang telah mengajarkan pemrograman selama bertahun-tahun, saya dapat mengatakan bahwa memahami operator adalah seperti belajar salam rahasia dunia pemrograman. Jadi, mari kita masuk dan membongkar misteri ini bersama!

Apa Itu Operator?

Sebelum kita melompat ke hal yang mendalam, mari kita mulai dari dasar. Di JavaScript, operator adalah simbol khusus yang digunakan untuk melakukan operasi pada operan (nilai dan variabel). PERTANYAAN operator seperti kata kerja dalam bahasa pemrograman – mereka adalah aksi yang membuat hal-hal terjadi!

Misalnya, dalam ekspresi 2 + 3, + adalah operator, sedangkan 2 dan 3 adalah operan. Mudah, kan?

Operator Aritmetik JavaScript

Sekarang, mari kita bicarakan tentang operator aritmetik. Ini adalah pita roti dan mentega operasi matematika di JavaScript. Ingat kelas matematika yang Anda ikuti? Well, saatnya menggosok pengetahuan itu!

Ini adalah tabel operator aritmetik:

Operator	Deskripsi	Contoh
+	Penjumlahan	5 + 3 = 8
-	Pengurangan	5 - 3 = 2
*	Perkalian	5 * 3 = 15
/	Pembagian	15 / 3 = 5
%	Modulus (Sisa)	5 % 2 = 1
++	Increment	Let x = 5; x++; (Sekarang x adalah 6)
--	Decrement	Let x = 5; x--; (Sekarang x adalah 4)

mari kita lihat ini dalam aksi:

let a = 10;
let b = 5;

console.log(a + b); // Output: 15
console.log(a - b); // Output: 5
console.log(a * b); // Output: 50
console.log(a / b); // Output: 2
console.log(a % b); // Output: 0

a++; // a sekarang 11
console.log(a); // Output: 11

b--; // b sekarang 4
console.log(b); // Output: 4

Setiap baris di dalam snippet kode ini menunjukkan bagaimana operator ini bekerja. Operator modulus (%) mungkin baru bagi beberapa dari Anda – dia memberikan Anda sisa setelah pembagian. Itu sangat berguna ketika Anda perlu memeriksa jika sebuah bilangan genap atau ganjil!

Operator Perbandingan JavaScript

Berikutnya, kita punya operator perbandingan. Ini seperti hakim dalam kontes pemrograman – mereka membandingkan nilai dan mengembalikan benar atau salah. Mereka sangat penting untuk membuat keputusan dalam kode Anda.

Ini adalah tabel operator perbandingan:

Operator	Deskripsi	Contoh
==	Sama dengan	5 == 5 mengembalikan true
===	Sama dengan (nilai dan tipe)	5 === "5" mengembalikan false
!=	Tidak sama dengan	5 != 3 mengembalikan true
!==	Tidak sama dengan	5 !== "5" mengembalikan true
>	Lebih besar dari	5 > 3 mengembalikan true
<	Lebih kecil dari	5 < 3 mengembalikan false
>=	Lebih besar atau sama dengan	5 >= 5 mengembalikan true
<=	Lebih kecil atau sama dengan	5 <= 3 mengembalikan false

mari kita lihat ini dalam aksi:

let x = 5;
let y = "5";

console.log(x == y);  // Output: true
console.log(x === y); // Output: false
console.log(x != y);  // Output: false
console.log(x !== y); // Output: true
console.log(x > 3);   // Output: true
console.log(x < 10);  // Output: true
console.log(x >= 5);  // Output: true
console.log(x <= 4);  // Output: false

Perhatikan perbedaan antara == dan ===. Triple sama dengan (===) memeriksa nilai dan tipe, sedangkan double sama dengan (==) hanya memeriksa nilai. Ini adalah sumber umum kesalahan bagi pemula, jadi selalu berhati-hati tentang yang Anda gunakan!

Operator Logika JavaScript

Operator logika adalah pemutus keputusan di JavaScript. Mereka membantu Anda menggabungkan beberapa kondisi dan membuat keputusan kompleks. PERTANYAAN mereka seperti para tua bijaksana di desa pemrograman, memandu kode Anda untuk membuat keputusan yang tepat.

Ini adalah tabel operator logika:

Operator	Deskripsi	Contoh
&&	Logika AND	(x > 0 && x < 10)
||	Logika OR	(x === 5 || y === 5)
!	Logika NOT	!(x === y)

mari kita lihat ini dalam aksi:

let a = 5;
let b = 10;

console.log(a > 0 && b < 20);  // Output: true
console.log(a > 10 || b === 10);  // Output: true
console.log(!(a === b));  // Output: true

Operator && mengembalikan true hanya jika kedua kondisi benar. Operator || mengembalikan true jika setidaknya satu kondisi benar. Operator ! membalikkan nilai boolean – dia mengubah true menjadi false dan false menjadi true.

Operator Bitwise JavaScript

Sekarang, kita memasuki realm operator bitwise. Operator ini bekerja pada bit nilai integer. Mereka seperti agen rahasia dunia pemrograman – jarang digunakan, tetapi sangat kuat saat diperlukan.

Ini adalah tabel operator bitwise:

Operator	Deskripsi
&	Bitwise AND
|	Bitwise OR
^	Bitwise XOR
~	Bitwise NOT
<<	Left shift
>>	Sign-propagating right shift
>>>	Zero-fill right shift

Operator ini agak maju, jadi jangan khawatir jika mereka terlihat membingungkan pada awalnya. Ketika Anda terus maju dalam perjalanan JavaScript Anda, Anda akan menemui situasi di mana mereka sangat berguna.

Operator Penugasan JavaScript

Operator penugasan digunakan untuk menugaskan nilai ke variabel. Mereka seperti pindah pindah di dunia pemrograman – mereka memasukkan hal-hal ke tempatnya.

Ini adalah tabel operator penugasan:

Operator	Deskripsi	Contoh
=	Penugasan	x = 5
+=	Penugasan penjumlahan	x += 3 sama seperti x = x + 3
-=	Penugasan pengurangan	x -= 3 sama seperti x = x - 3
*=	Penugasan perkalian	x = 3 sama seperti x = x 3
/=	Penugasan pembagian	x /= 3 sama seperti x = x / 3
%=	Penugasan modulus	x %= 3 sama seperti x = x % 3

mari kita lihat ini dalam aksi:

let x = 5;
console.log(x); // Output: 5

x += 3;
console.log(x); // Output: 8

x -= 2;
console.log(x); // Output: 6

x *= 4;
console.log(x); // Output: 24

x /= 3;
console.log(x); // Output: 8

x %= 3;
console.log(x); // Output: 2

Operator ini adalah singkatan yang membuat kode Anda lebih ringkas dan mudah dibaca. Mereka seperti pisau瑞士 Army knife dunia pemrograman – multifungsi dan praktis!

Operator Lainnya JavaScript

Akhirnya, mari kita lihat beberapa operator yang tidak memasukkan kategori lain.

1. Operator Conditional (Ternary): Ini adalah singkatan untuk pernyataan if-else.

let age = 20;
let canVote = (age >= 18) ? "Yes" : "No";
console.log(canVote); // Output: "Yes"

Operator ini memeriksa jika age >= 18 benar. Jika ya, dia menugaskan "Yes" ke canVote, jika tidak, dia menugaskan "No".

2. Operator typeof: Ini mengembalikan string yang menunjukkan jenis operand.

console.log(typeof 42);        // Output: "number"
console.log(typeof 'blubber'); // Output: "string"
console.log(typeof true);      // Output: "boolean"
console.log(typeof [1, 2, 4]); // Output: "object"

3. Operator delete: Ini menghapus properti objek atau elemen array.

let person = {name: "John", age: 30};
delete person.age;
console.log(person); // Output: {name: "John"}

Dan itu adalah dia, teman-teman! Kita telah melakukan perjalanan melalui tanah operator JavaScript. Ingat, latihan membuat sempurna. Jadi, jangan khawatir untuk mencoba operator ini dalam kode Anda sendiri. Selamat coding!

Credits: Image by storyset