Cara Mengubah String Menjadi Angka di JavaScript

Nilai dari input form selalu berupa string, sehingga “5” + “3” menghasilkan “53”, bukan 8. Sebelum berhitung, teks harus dikonversi menjadi angka. Artikel ini membahas cara mengubah string menjadi angka di JavaScript.

Number(), parseInt(), parseFloat()

<script>
console.log(Number("123"));       // 123
console.log(parseInt("42px"));    // 42
console.log(parseFloat("3.14m")); // 3.14
</script>

Contoh Kasus: Kalkulator dari Input

<script>
const a = Number(document.getElementById("a").value);
const b = Number(document.getElementById("b").value);
console.log(a + b); // penjumlahan yang benar
</script>
InputNumber()parseInt()
“42”4242
“42px”NaN42
“”0NaN

Menangani Hasil NaN

<script>
const nilai = Number(input);
if (isNaN(nilai)) {
    alert("Masukkan angka yang valid");
}
</script>

Kesimpulan

Gunakan Number() untuk konversi ketat, atau parseInt()/parseFloat() bila string mengandung satuan. Selalu periksa hasil dengan isNaN() agar input tak valid tidak merusak perhitungan.

Referensi: untuk penjelasan lebih mendalam, kunjungi dokumentasi resmi JavaScript (MDN).

Baca Juga

Ali Akbar

Software Developer yang fokus mengembangkan aplikasi berbasis Web dan Desktop. Senang mempelajari teknologi baru terutama di bidang web design dan web development.

View all posts by Ali Akbar →

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *