Tipe Data Number di JavaScript: Dasar yang Wajib Kamu Kuasai

Tipe Data Number di JavaScript: Dasar yang Wajib Kamu Kuasai
Photo by Luca Bravo / Unsplash

Halo, sobat coder! Kalau kamu baru belajar JavaScript, salah satu hal pertama yang bakal sering kamu temui adalah tipe data number. Sebagai salah satu tipe data paling dasar di JavaScript, number sangat penting karena digunakan untuk hampir semua operasi matematika, perhitungan, hingga manipulasi angka dalam program kamu.

Di artikel ini, kita akan bahas semua yang perlu kamu tahu tentang tipe data number di JavaScript. Mulai dari pengertian, cara kerja, hingga contoh penggunaan. Yuk, kita mulai belajar dasar ini biar coding-mu makin lancar!


Apa Itu Tipe Data Number?

Number adalah tipe data bawaan di JavaScript yang digunakan untuk menyimpan nilai numerik. Berbeda dengan beberapa bahasa pemrograman lain, JavaScript hanya memiliki satu tipe data untuk angka, baik itu bilangan bulat (integer) maupun bilangan desimal (floating-point).

Contoh:

let angkaBulatan = 10; // Integer
let angkaDesimal = 3.14; // Floating-point
console.log(angkaBulatan, angkaDesimal); // Output: 10 3.14

Di JavaScript, tipe data number bisa menyimpan:

  • Integer: Angka bulat seperti 42, -5, atau 0.
  • Floating-point: Angka desimal seperti 3.14, -2.71, atau 0.1.

Operasi Dasar dengan Number

Tipe data number mendukung berbagai operasi matematika yang sering digunakan. Berikut adalah beberapa operasi dasar yang wajib kamu kuasai.

Penjumlahan

Gunakan tanda + untuk menjumlahkan dua angka:

let hasil = 5 + 3;
console.log(hasil); // Output: 8

Pengurangan

Gunakan tanda - untuk mengurangi angka:

let hasil = 10 - 4;
console.log(hasil); // Output: 6

Perkalian

Gunakan tanda * untuk mengalikan angka:

let hasil = 6 * 7;
console.log(hasil); // Output: 42

Pembagian

Gunakan tanda / untuk membagi angka:

let hasil = 20 / 4;
console.log(hasil); // Output: 5

Modulus (Sisa Bagi)

Gunakan tanda % untuk mendapatkan sisa dari pembagian:

let hasil = 10 % 3;
console.log(hasil); // Output: 1

Fitur Khusus Number di JavaScript

Angka Khusus: Infinity dan NaN

JavaScript memiliki nilai number khusus yang disebut Infinity dan NaN (Not-a-Number).

Infinity

Infinity muncul ketika hasil perhitungan terlalu besar untuk direpresentasikan.

let hasil = 1 / 0;
console.log(hasil); // Output: Infinity

NaN

NaN muncul ketika operasi matematika tidak valid, seperti mencoba melakukan operasi angka dengan string.

let hasil = 0 / "Halo";
console.log(hasil); // Output: NaN

Pembulatan dengan Math

JavaScript memiliki objek bawaan bernama Math yang membantu kamu dalam manipulasi angka. Beberapa metode populer dari Math:

Math.ceil(): Membulatkan angka ke atas.

console.log(Math.ceil(3.2)); // Output: 4

Math.floor(): Membulatkan angka ke bawah.

console.log(Math.floor(3.6)); // Output: 3

Math.round(): Membulatkan angka ke bilangan bulat terdekat.

console.log(Math.round(3.6)); // Output: 4

Cara Kerja Floating-Point di JavaScript

JavaScript menggunakan representasi floating-point untuk angka desimal, yang kadang bisa menyebabkan hasil perhitungan tidak akurat.

Contoh:

console.log(0.1 + 0.2); // Output: 0.30000000000000004

Ini terjadi karena cara komputer merepresentasikan angka desimal di memori. Untuk mengatasi masalah ini, kamu bisa menggunakan metode pembulatan:

let hasil = (0.1 + 0.2).toFixed(2);
console.log(hasil); // Output: 0.30

Mengubah String ke Number dan Sebaliknya

Kadang kamu butuh mengubah tipe data string menjadi number (atau sebaliknya) dalam program kamu.

Dari String ke Number

Gunakan fungsi parseInt(), parseFloat(), atau operator +:

let angka = "42";
let hasil = parseInt(angka); // Output: 42
let desimal = parseFloat("3.14"); // Output: 3.14
let cepat = +"50"; // Output: 50

Dari Number ke String

Gunakan metode toString():

let angka = 42;
let teks = angka.toString();
console.log(teks); // Output: "42"

Contoh Kasus Penggunaan Number

Kalkulasi Harga Produk

Kamu bisa menggunakan tipe data number untuk menghitung total harga belanjaan.

let hargaBarang = 50000;
let jumlahBarang = 3;
let totalHarga = hargaBarang * jumlahBarang;
console.log(`Total Harga: Rp${totalHarga}`); // Output: Total Harga: Rp150000

Menghitung Luas Lingkaran

Gunakan formula matematika dengan number untuk perhitungan geometri.

const PI = 3.14;
let radius = 7;
let luas = PI * radius ** 2;
console.log(`Luas Lingkaran: ${luas}`); // Output: Luas Lingkaran: 153.86

Tips dan Trik Menggunakan Number di JavaScript

  1. Gunakan Math untuk Operasi Kompleks Jangan ragu menggunakan metode bawaan Math seperti Math.sqrt() untuk akar kuadrat atau Math.pow() untuk eksponensial.

Gunakan Number.isInteger() untuk Cek Bilangan Bulat Jika kamu perlu memeriksa apakah suatu angka adalah bilangan bulat, gunakan metode ini.

console.log(Number.isInteger(10)); // Output: true
console.log(Number.isInteger(10.5)); // Output: false

Periksa NaN dengan isNaN() Gunakan fungsi isNaN() untuk memeriksa apakah nilai adalah NaN.

console.log(isNaN(42)); // Output: false
console.log(isNaN("Halo")); // Output: true

Kesimpulan

Tipe data number di JavaScript adalah dasar yang wajib kamu kuasai. Dengan memahami operasi dasar, angka khusus seperti NaN dan Infinity, serta cara menggunakan Math, kamu bisa membuat program yang lebih canggih. Mulai dari perhitungan sederhana hingga aplikasi kompleks, semuanya bisa dilakukan dengan number di JavaScript.

Sekarang giliran kamu untuk mencoba! Latihan dengan berbagai operasi angka dan buat proyek kecil seperti kalkulator atau aplikasi konversi suhu. Selamat belajar, dan happy coding!