Panduan Lengkap Tentang Number di TypeScript untuk Pemula
Hai teman, bakal bintang pemrograman! Selamat datang ke perjalanan kita ke dunia angka dalam TypeScript. Sebagai guru komputer yang ramah di lingkungan sekitar Anda, saya di sini untuk mengarahkan Anda melalui topik yang menarik ini. Jangan khawatir jika Anda belum pernah menulis baris kode sebelumnya - kita akan mulai dari awal dan naik tingkat perlahan-lahan. Jadi, ambil secangkir kopi (atau minuman favorit Anda), dan mari kita masuk ke dalamnya!
Apa Itu Number di TypeScript?
Sebelum kita masuk ke detail, mari bicarakan apa itu angka di TypeScript. Dalam dunia pemrograman, angka adalah salah satu jenis data yang paling dasar. Mereka seperti blok bangunan dari matematika dalam kode kita. TypeScript, sebagai superset JavaScript, menangani angka dengan cara yang mirip tetapi dengan beberapa keuntungan tambahan.
Sintaks: Cara Menulis Angka di TypeScript
Di TypeScript, Anda dapat menulis angka dalam beberapa cara. Mari kita lihat beberapa contoh:
let umur: number = 30;
let harga: number = 19.99;
let milyar: number = 1e9;
let warnaHEX: number = 0xffffff;
let nilaiBiner: number = 0b1010;
let nilaiOkta: number = 0o744;
mari kitauraikan ini:
-
umur
: Sebuah integer sederhana. -
harga
: Sebuah angka desimal (juga disebut angka floating-point). -
milyar
: Notasi ilmiah (1 milyar). -
warnaHEX
: Notasi heksadesimal (warna putih dalam RGB). -
nilaiBiner
: Notasi biner (setara dengan 10 dalam desimal). -
nilaiOkta
: Notasi oktal (setara dengan 484 dalam desimal).
Ingat, di TypeScript, semua angka adalah nilai floating-point. Ini berarti bahwa meskipun Anda menulis integer seperti 30
, itu disimpan sebagai 30.0
di belakang layar.
Membuat Tipe Number
Di TypeScript, Anda dapat mendeklarasikan variabel secara eksplisit sebagai tipe number. Ini adalah salah satu fitur kunci yang membedakan TypeScript dari JavaScript - itu memungkinkan kita untuk menambahkan anotasi tipe ke variabel kita.
let skor: number;
skor = 95;
let suhu: number = -5;
function hitungLuas(lebar: number, tinggi: number): number {
return lebar * tinggi;
}
let luas = hitungLuas(10, 20);
console.log(luas); // Output: 200
Dalam contoh ini, kita telah mendeklarasikan skor
dan suhu
sebagai tipe number. Kita juga membuat fungsi hitungLuas
yang menerima dua parameter number dan mengembalikan number. Ini membantu menangkap kesalahan awal jika kita secara tak sengaja mencoba untuk mensampaikan string atau jenis lain.
Membuat Object Number
Meskipun ini tidak umum (atau direkomendasikan) dalam pemrograman sehari-hari, Anda juga dapat membuat object number menggunakan kontruktur Number
:
let objekNum: Number = new Number(42);
console.log(typeof objekNum); // Output: object
let numberPrimitif: number = 42;
console.log(typeof numberPrimitif); // Output: number
Perhatikan huruf besar 'N' dalam Number
saat kita menggunakan kontruktur. Ini menciptakan wrapper object di sekitar number, yang berbeda dari jenis number primitif (huruf kecil 'n'). Dalam kebanyakan kasus, Anda akan ingin menggunakan jenis primitif untuk performa yang lebih baik dan kode yang lebih sederhana.
Properti Number
TypeScript mewarisi beberapa properti yang berguna dari object Number di JavaScript. Properti ini adalah properti statis, yang berarti Anda tidak perlu membuat instance object Number untuk menggunakannya.
Berikut adalah tabel properti Number yang paling umum:
Properti | Deskripsi | Contoh |
---|---|---|
Number.MAX_VALUE | Nilai number terbesar yang dapat direpresentasikan | console.log(Number.MAX_VALUE); |
Number.MIN_VALUE | Nilai number positif terkecil yang dapat direpresentasikan | console.log(Number.MIN_VALUE); |
Number.NaN | Nilai Not-A-Number | console.log(Number.NaN); |
Number.NEGATIVE_INFINITY | Negative infinity | console.log(Number.NEGATIVE_INFINITY); |
Number.POSITIVE_INFINITY | Positive infinity | console.log(Number.POSITIVE_INFINITY); |
Mari kita lihat properti ini dalam aksi:
console.log(Number.MAX_VALUE); // Output: 1.7976931348623157e+308
console.log(Number.MIN_VALUE); // Output: 5e-324
console.log(Number.NaN); // Output: NaN
console.log(Number.NEGATIVE_INFINITY); // Output: -Infinity
console.log(Number.POSITIVE_INFINITY); // Output: Infinity
Properti ini dapat sangat berguna saat Anda perlu memeriksa nilai ekstrim atau kasus khusus dalam perhitungan Anda.
Metode Number
Number di TypeScript juga datang dengan set metode bawaan yang dapat membantu Anda melakukan berbagai operasi. Berikut adalah tabel dari beberapa metode yang umum digunakan:
Metode | Deskripsi | Contoh |
---|---|---|
toFixed() | Memformat number dengan jumlah desimal tertentu | let pi = 3.14159; console.log(pi.toFixed(2)); |
toPrecision() | Memformat number ke panjang yang ditentukan | let besarNumber = 1234.5678; console.log(besarNumber.toPrecision(5)); |
toString() | Mengkonversi number ke string | let num = 42; console.log(num.toString()); |
valueOf() | Mengembalikan nilai primitif dari object Number | let numObj = new Number(42); console.log(numObj.valueOf()); |
Mari kita lihat metode ini dalam aksi:
let pi = 3.14159;
console.log(pi.toFixed(2)); // Output: "3.14"
let besarNumber = 1234.5678;
console.log(besarNumber.toPrecision(5)); // Output: "1234.6"
let num = 42;
console.log(num.toString()); // Output: "42"
let numObj = new Number(42);
console.log(numObj.valueOf()); // Output: 42
Metode ini dapat sangat membantu saat Anda perlu memformat number untuk tampilan atau mengkonversi mereka untuk operasi lain.
Kesimpulan
Wah! Kita telah menempuh banyak permukaan hari ini, dari sintaks dasar number di TypeScript ke konsep yang lebih maju seperti Properti dan Metode Number. Ingat, bekerja dengan number adalah keterampilan dasar dalam pemrograman, dan memahami konsep ini akan membantu Anda dalam perjalanan pemrograman Anda.
Saat kita mengakhiri, ini adalah sedikit humor pemrograman untuk Anda: Mengapa pemrogramer memilih mode gelap? Karena cahaya menarik nyamuk! ?
Tetap latih, stay curious, dan jangan takut untuk mencoba konsep number ini dalam kode Anda sendiri. Sebelum Anda tahu, Anda akan dapat menghitung dan memanipulasi number seperti seorang ahli! Sampai jumpa lagi, selamat pemrograman!
Credits: Image by storyset