Ubah Data Jadi Angka? Pakai Fungsi Konversi Number di JavaScript!

Ubah Data Jadi Angka? Pakai Fungsi Konversi Number di JavaScript!
Photo by Nick Hillier / Unsplash

Dalam dunia JavaScript, terkadang kita berurusan dengan data yang berbentuk string padahal yang dibutuhkan adalah angka. Misalnya, kamu mendapatkan input dari form sebagai teks ("42"), tetapi kamu ingin menggunakannya sebagai angka untuk perhitungan matematika. Nah, gimana caranya? Tenang aja, JavaScript punya berbagai metode buat konversi data menjadi angka. Yuk, kita bahas satu per satu!

Kenapa Harus Mengubah String ke Number?

Sebelum masuk ke caranya, kita pahami dulu kenapa konversi ini penting. Bayangin kalau kamu mau menjumlahkan dua angka yang diambil dari input form:

let angka1 = prompt("Masukkan angka pertama:");
let angka2 = prompt("Masukkan angka kedua:");

let hasil = angka1 + angka2;
console.log(hasil);

Kalau kamu menginput "5" dan "10", hasilnya bakal "510", bukan 15! Kenapa? Karena prompt() mengembalikan data dalam bentuk string. JavaScript akan menganggapnya sebagai teks dan malah menggabungkannya.

Nah, supaya benar-benar dihitung sebagai angka, kita perlu konversi string ke number!

Metode Konversi ke Number di JavaScript

Ada beberapa cara yang bisa kamu gunakan untuk mengonversi data menjadi angka di JavaScript. Berikut metode yang paling umum:

1. Menggunakan Number()

Metode paling langsung dan mudah adalah Number(). Ini bisa dipakai untuk mengonversi string yang berisi angka ke tipe data number.

let angka = "42";
let konversi = Number(angka);

console.log(konversi); // Output: 42
console.log(typeof konversi); // Output: number

Tapi hati-hati, kalau isi string bukan angka, hasilnya bisa NaN (Not a Number).

let salah = "Hello";
console.log(Number(salah)); // Output: NaN

2. Menggunakan parseInt() untuk Bilangan Bulat

Kalau kamu hanya butuh bilangan bulat, parseInt() bisa jadi pilihan.

let angka = "42.9";
let konversi = parseInt(angka);

console.log(konversi); // Output: 42

parseInt() hanya mengambil bagian integer dari string angka dan mengabaikan desimalnya.

3. Menggunakan parseFloat() untuk Bilangan Desimal

Kalau angka yang kamu konversi mengandung desimal dan kamu ingin tetap mempertahankannya, gunakan parseFloat().

let angka = "42.9";
let konversi = parseFloat(angka);

console.log(konversi); // Output: 42.9

4. Menggunakan Operator + (Unary Plus)

Kalau kamu suka cara singkat dan simpel, cukup tambahkan tanda + di depan string.

let angka = "42";
let konversi = +angka;

console.log(konversi); // Output: 42
console.log(typeof konversi); // Output: number

Hati-hati! Jika string tidak berisi angka, hasilnya akan NaN.

5. Menggunakan Math.floor(), Math.ceil(), atau Math.round()

Kalau kamu ingin mengonversi angka sekaligus membulatkannya, bisa pakai metode dari Math.

  • Math.floor() → Membulatkan ke bawah.
  • Math.ceil() → Membulatkan ke atas.
  • Math.round() → Membulatkan ke angka terdekat.
let angka = "42.7";

console.log(Math.floor(Number(angka))); // Output: 42
console.log(Math.ceil(Number(angka)));  // Output: 43
console.log(Math.round(Number(angka))); // Output: 43

Mana yang Harus Dipilih?

Bingung harus pakai yang mana? Tenang, ini panduan sederhananya:

Kasus Metode yang Direkomendasikan
Konversi string ke number secara umum Number()
Ambil angka bulat saja parseInt()
Ambil angka desimal parseFloat()
Konversi cepat dan simpel Unary +
Membulatkan angka Math.floor(), Math.ceil(), Math.round()

Kesimpulan

Konversi string ke number di JavaScript sangat penting untuk memastikan operasi matematika berjalan dengan benar. Ada berbagai metode yang bisa kamu gunakan, tergantung kebutuhanmu. Kalau butuh cepat, pakai Number() atau +. Kalau mau menangani desimal, pakai parseFloat(). Dan kalau butuh angka bulat, parseInt() bisa jadi solusi.

Sekarang kamu udah paham kan? Coba praktikkan langsung di browser atau editor kode favoritmu!