Memahami Penggunaan Fungsi ParseInt() Pada Javascript

Memahami Fungsi Penggunaan ParseInt() Pada Javascript

ParseInt() adalah salah satu fungsi untuk mengkonversi sebuah String menjadi Integer di javascript yakni dengan membaca nilai string kemudian akan di kembalikan menjadi sebuah nilai Integer (bilangan bulat). Sebuah nilai yang diawali dengan String, akan menghasilkan NaN, sedangkan jika nilai diawai dengan Integer kemudian diikuti dengan String maka akan parseInt akan mengembalikan nilai Integer.

Selain ParseInt() juga ada ParseFloat() yang keduanya memiliki kegunaan yang sama, yakni mengembalikan nilai interger. Namun pada artikel ini kita akan mempelajari ParseInt(). Anda bisa mempelajari fungsi ParseFloat() dalam javascript pada artikel sebelumnya.

Contoh :

Ketika menginput nilai “50 orang“, yang di hasilkan ialah 50. Sedangkan jika menginput nilai “Orang 50” akan menghasilkan NaN. Juga sama halnya ketika menginput bilangan yang mengandung (,) hanya akan akan mengambil angka pertama.

Jadi menggunakan parseInt(), semua yang anda inputkan dan diawali dengan angka, akan menghasilkan nilai angka nya saja. Untuk lebih jelasnya lagi saya akan memberikan beberapa contoh dan kasus sebagai berikut.

Cara Penggunan Fungsi ParseInt() Dalam Javascript

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Hardifal.com</title>
</head>
<body>
<script>
 var a = parseInt("Hardifalcom 20")+"<br>";
 var b = parseInt("20 Hardifalcom")+"<br>";
 var c = parseInt("20,45")+"<br>";
 var d = parseInt("030");
 document.write(a+b+c+d);
</script>
</body>
</html>

Hasil :

Gambar Cara penggunaan fungsi parseInt() dalam javascript

ParseInt dapat kita gunakan untuk mengambil input dari popup box prompt() yang bertype data string mengkonversikan menjadi Integer. Seperti yang kita ketahui popup box prompt merupakan jendela dialog untuk menginput parameter String baca selengkapnya memahami popup box prompt pada javascript.

Contoh penggunaan parsInt() pada popupbox prompt() dalam javascript :

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Hardifal.com</title>
</head>
<body>
<script>
 var x = parseInt(prompt("Masukan Angka :"));
 var y = 5;
 
 document.write(x+y);
</script>
</body>
</html>

Hasil :

Contoh penggunaan parsInt() pada popupbox prompt() dalam javascript

User menginput nilai angka pada variabel x = 10, lalu memberikan nilai pada variabel y = 5, kemudian akan hasil penjumlahan x+y (10+5) = 15

Coba bandingkan jika melakukan penjumlahan artimatika ini dengan popup box prompt() tapi tanpa menggunakan parseInt() pada javascript tentu hasilnya akan berbeda.