ID (Indonesia) Translation

TypeScript - Operator

Halo, para pemrogram masa depan! Hari ini, kita akan memulai perjalanan menarik ke dalam dunia operator TypeScript. Sebagai guru komputer tetangga yang ramah, saya disini untuk menghidahkan Anda melalui petualangan ini langkah demi langkah. Jadi, sabungkan dan mari kita masuk ke dalam!

Apa Itu Operator?

Sebelum kita memulai odyssey operator TypeScript, mari kita pahami apa sebenarnya operator. Pensesikan operator sebagai simbol khusus yang memberitahu komputer untuk melakukan manipulasi matematika atau logika tertentu. Mereka seperti tongkat sihir pemrograman, mengubah dan menggabungkan data kita dalam berbagai cara.

Misalnya, saat Anda melihat tanda "+" di dalam kode Anda, itu bukan hanya hiasan yang keren. Itu adalah operator yang memberitahu komputer untuk menambahkan hal-hal bersama. Keren, 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 di TypeScript:

Operator	Deskripsi	Contoh
+	Penjumlahan	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--;

Mari 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 punya 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

Mari 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 menyimpulkan kebenaran dari beberapa kondisi.

Ini adalah tabel operator logika:

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

Mari 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 dari angka. Jangan khawatir jika ini terdengar kompleks - kita akan merobahnya!

Ini adalah tabel operator bitwise:

Operator	Deskripsi	Contoh
&	Bitwise AND	5 & 3
|	Bitwise OR	5 | 3
^	Bitwise XOR	5 ^ 3
~	Bitwise NOT	~5
<<	Left shift	5 << 1
>>	Right shift	5 >> 1

Mari 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 dua)
console.log(a << 1); // Output: 10 (biner: 1010)
console.log(a >> 1); // Output: 2 (biner: 0010)

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

Operator Penugasan

Operator penugasan digunakan untuk mengassign nilai ke variabel. Mereka seperti pengangkut pemrograman, memasukkan nilai ke tempat yang sesuai (variabel).

Ini adalah tabel operator penugasan:

Operator	Deskripsi	Contoh
=	Assign	x = 5
+=	Add and assign	x += 3
-=	Subtract and assign	x -= 2
*=	Multiply and assign	x *= 4
/=	Divide and assign	x /= 2
%=	Modulus and assign	x %= 3

Mari 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 dari beberapa operator lain:

Operator	Deskripsi	Contoh
?:	Conditional (ternary)	condition ? expr1 : expr2
,	Comma	let x = (1, 2, 3)
delete	Delete property	delete obj.property
typeof	Type of variable	typeof x
void	Evaluate expression and return undefined	void(0)

Mari kita lihat contoh operator ternary, yang sangat praktis:

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	Get the type of a variable	typeof x
instanceof	Check if an object is an instance of a class	obj instanceof Class
as	Type assertion	(someValue as string).toUpperCase()
	Type assertion (alternative syntax)	(someValue).toUpperCase()

Mari 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 type assertion untuk memberitahu TypeScript bahwa kita tahu x adalah string, meskipun dia ditipekan sebagai any. Kita juga menggunakan instanceof untuk memeriksa jika myPet adalah instance dari 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