TypeScript - Operators

Hai, para pemrogram masa depan! Hari ini, kita akan memulai perjalanan menarik ke dunia operator TypeScript. Sebagai guru komputer yang ramah di lingkungan sekitar Anda, saya di sini untuk mengarahkan Anda melalui petualangan ini langkah demi langkah. Jadi, pasang sabuk pengaman dan mari kita masuk ke dalam!

Apa Itu Operator?

Sebelum kita memulai petualangan operator TypeScript kita, mari kita memahami apa sebenarnya operator. Berpikir tentang operator sebagai simbol khusus yang memberitahu komputer untuk melakukan manipulasi matematika atau logika tertentu. Mereka seperti tongkat sihir pemrograman, mentransformasi dan menggabungkan data kita dalam berbagai cara.

Misalnya, saat Anda melihat tanda "+" di dalam kode Anda, itu bukan hanya hiasan yang kaya. Itu adalah operator yang memberitahu komputer untuk menambahkan hal-hal bersama. Bagus, kan?

Operator Aritmetik

mari kita mulai dengan operator aritmetik. Operator ini mungkin yang paling familiar bagi Anda, karena mereka mirip dengan apa yang Anda gunakan di kelas matematika.

Ini adalah tabel operator aritmetik dalam TypeScript:

Operator	Deskripsi	Contoh
+	Penambahan	5 + 3
-	Pengurangan	7 - 2
*	Perkalian	4 * 6
/	Pembagian	8 / 2
%	Modulus (sisa)	9 % 4
++	Increment	let x = 5; x++;
--	Decrement	let y = 3; y--;

Marilah kita lihat contohnya:

let a: number = 10;
let b: number = 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

let c: number = 7;
c++;
console.log(c);  // Output: 8

let d: number = 3;
d--;
console.log(d);  // Output: 2

Dalam contoh ini, kita melakukan berbagai operasi aritmetik pada variabel kita. Operator modulus (%) mungkin baru bagi beberapa dari Anda. Dia memberikan kita sisa setelah pembagian. Jadi, 10 % 5 adalah 0 karena 10 dibagi 5 tidak meninggalkan sisa.

Operator Relasional

Berikutnya, kita memiliki operator relasional. Operator ini digunakan untuk membandingkan nilai dan mengembalikan true atau false berdasarkan perbandingan.

Ini adalah tabel operator relasional:

Operator	Deskripsi	Contoh
==	Sama dengan	5 == 5
!=	Tidak sama dengan	5 != 3
>	Lebih besar dari	7 > 3
<	Lebih kecil dari	2 < 8
>=	Lebih besar atau sama dengan	5 >= 5
<=	Lebih kecil atau sama dengan	4 <= 4

Marilah kita lihat bagaimana mereka bekerja:

let x: number = 5;
let y: number = 10;

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

Operator ini sangat berguna saat Anda perlu membuat keputusan di dalam kode Anda berdasarkan perbandingan nilai.

Operator Logika

Operator logika digunakan untuk menentukan logika antara variabel atau nilai. Mereka seperti Sherlock Holmes pemrograman, membantu kita menarik kesimpulan kebenaran dari beberapa kondisi.

Ini adalah tabel operator logika:

Operator	Deskripsi	Contoh
&&	Logika AND	true && false
||	Logika OR	true || false
!	Logika NOT	!true

Marilah kita lihat contohnya:

let isRaining: boolean = true;
let isWarm: boolean = false;

console.log(isRaining && isWarm);  // Output: false
console.log(isRaining || isWarm);  // Output: true
console.log(!isRaining);           // Output: false

Dalam contoh ini, && mengembalikan true hanya jika kedua kondisi benar. || mengembalikan true jika setidaknya satu kondisi benar. ! menegasi nilai boolean.

Operator Bitwise

Sekarang, kita memasuki wilayah yang lebih maju. Operator bitwise melakukan operasi pada representasi biner angka. Jangan khawatir jika ini terdengar kompleks - kita akan memecahnya!

Ini adalah tabel operator bitwise:

Operator	Deskripsi	Contoh
&	Bitwise AND	5 & 3
|	Bitwise OR	5 | 3
^	Bitwise XOR	5 ^ 3
~	Bitwise NOT	~5
<<	geser kiri	5 << 1
>>	geser kanan	5 >> 1

Marilah kita lihat contoh:

let a: number = 5;  // biner: 0101
let b: number = 3;  // biner: 0011

console.log(a & b);  // Output: 1 (biner: 0001)
console.log(a | b);  // Output: 7 (biner: 0111)
console.log(a ^ b);  // Output: 6 (biner: 0110)
console.log(~a);     // Output: -6 (biner: 1010 dalam complement duapuluh)
console.log(a << 1); // Output: 10 (biner: 1010)
console.log(a >> 1); // Output: 2 (biner: 0010)

Operator ini bekerja pada representasi biner (base-2) angka. Mereka sangat berguna dalam pemrograman tingkat rendah dan beberapa algoritma.

Operator Penugasan

Operator penugasan digunakan untuk menugaskan nilai ke variabel. Mereka seperti pengangkut pemrograman, memasukkan nilai ke tempat mereka sendiri (variabel).

Ini adalah tabel operator penugasan:

Operator	Deskripsi	Contoh
=	Penugasan	x = 5
+=	Tambah dan tugaskan	x += 3
-=	Kurang dan tugaskan	x -= 2
*=	Kalikan dan tugaskan	x *= 4
/=	Bagi dan tugaskan	x /= 2
%=	Modulus dan tugaskan	x %= 3

Marilah kita lihat contohnya:

let x: number = 10;

x += 5;  // setara dengan: x = x + 5
console.log(x);  // Output: 15

x -= 3;  // setara dengan: x = x - 3
console.log(x);  // Output: 12

x *= 2;  // setara dengan: x = x * 2
console.log(x);  // Output: 24

x /= 4;  // setara dengan: x = x / 4
console.log(x);  // Output: 6

x %= 4;  // setara dengan: x = x % 4
console.log(x);  // Output: 2

Operator ini adalah singkatan yang membuat kode kita lebih ringkas dan mudah dibaca.

Operator Lainnya

TypeScript juga memiliki beberapa operator lain yang tidak masuk ke kategori sebelumnya.

Ini adalah tabel operator lainnya:

Operator	Deskripsi	Contoh
?:	Conditional (ternary)	condition ? expr1 : expr2
,	Comma	let x = (1, 2, 3)
delete	Hapus properti	delete obj.property
typeof	Tipe variabel	typeof x
void	Evaluasi ekspresi dan kembalikan undefined	void(0)

Marilah kita lihat contoh operator ternary, yang sangat berguna:

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

Ini adalah cara singkat menulis pernyataan if-else. Jika kondisi (age >= 18) benar, dia mengembalikan "Yes", jika tidak "No".

Operator Tipe

Akhirnya, mari kita lihat beberapa operator khusus TypeScript yang membantu kita bekerja dengan tipe.

Ini adalah tabel operator tipe:

Operator	Deskripsi	Contoh
typeof	Dapatkan tipe variabel	typeof x
instanceof	Cek jika objek adalah instance kelas	obj instanceof Class
as	Asersi tipe	(someValue as string).toUpperCase()
	Asersi tipe (sintaks alternatif)	(someValue).toUpperCase()

Marilah kita lihat contoh:

let x: any = "Hello, TypeScript!";
let length: number = (x as string).length;
console.log(length);  // Output: 20

class Animal {}
class Dog extends Animal {}

let myPet = new Dog();
console.log(myPet instanceof Animal);  // Output: true

Dalam contoh ini, kita menggunakan asersi tipe untuk memberitahu TypeScript bahwa kita tahu x adalah string, meskipun dia ditipekan sebagai any. Kita juga menggunakan instanceof untuk mengecek jika myPet adalah instance kelas Animal.

Dan itu adalah semua, teman-teman! Kita telah melakukan perjalanan melalui negeri operator TypeScript. Ingat, latihan membuat sempurna, jadi jangan khawatir untuk mencoba operator ini dalam kode Anda sendiri. Selamat pemrograman!

Credits: Image by storyset