Fungsi parseInt() pada JavaScript: Mengubah Teks Menjadi Angka

Sigit N
Javascript
Fungsi parseInt() pada JavaScript: Mengubah Teks Menjadi Angka
Konten Halaman

Dalam pengembangan aplikasi web, seringkali kita perlu mengubah teks menjadi angka. Misalnya, ketika kita menerima input dari pengguna melalui formulir, input tersebut biasanya dalam bentuk teks.

Namun, untuk melakukan perhitungan matematika atau membandingkan nilai, kita perlu mengonversi teks tersebut menjadi angka. Di sinilah fungsi parseInt() pada JavaScript dapat sangat membantu.

Mengenal Fungsi parseInt():

Fungsi parseInt() adalah fungsi bawaan pada JavaScript yang digunakan untuk mengubah teks menjadi angka bulat. Fungsi ini mengambil dua parameter: string yang akan diubah menjadi angka, dan basis numerik (opsional) yang menentukan sistem bilangan yang digunakan. Jika basis numerik tidak diberikan, maka fungsi parseInt() akan menggunakan basis 10 secara default.

Cara Menggunakan parseInt():

Berikut adalah sintaks umum untuk menggunakan fungsi parseInt() pada JavaScript:

parseInt(string, radix);
  • string: Parameter ini adalah teks yang ingin kita ubah menjadi angka.
  • radix (opsional): Basis numerik yang digunakan. Ini merupakan angka antara 2 dan 36. Jika tidak disediakan, maka basis 10 akan digunakan.

Contoh Penggunaan Fungsi parseInt():

Untuk memahami cara kerja fungsi parseInt(), mari kita lihat beberapa contoh penggunaannya:

Contoh 1: Mengubah Teks menjadi Angka Desimal

const angka = parseInt("10");
console.log(angka); // Output: 10

Pada contoh di atas, teks “10” diubah menjadi angka 10 dengan menggunakan fungsi parseInt(). Angka 10 tersebut disimpan dalam variabel angka dan kemudian ditampilkan di konsol.

Contoh 2: Mengubah Teks dengan Basis Numerik Tertentu

const angka = parseInt("1010", 2);
console.log(angka); // Output: 10

Pada contoh ini, kita mengubah teks “1010” menjadi angka dengan menggunakan basis numerik 2 (biner). Hasilnya adalah angka 10, karena “1010” dalam basis 2 sama dengan 10 dalam basis 10.

Contoh 3: Mengabaikan Karakter Non-Digit

const angka = parseInt("10 tahun", 10);
console.log(angka); // Output: 10

Pada contoh ini, teks “10 tahun” diubah menjadi angka 10. Meskipun terdapat karakter non-digit (“tahun”), fungsi parseInt() mengabaikan karakter tersebut dan hanya mengonversi bagian angka.

Manfaat Fungsi parseInt() pada JavaScript:

Fungsi parseInt() sangat berguna dalam pengembangan aplikasi web. Berikut adalah beberapa manfaat utama dari fungsi ini:

  1. Mengubah Input Pengguna: Ketika menerima input dari pengguna melalui formulir, input tersebut biasanya berupa teks. Untuk melakukan perhitungan atau membandingkan nilai, kita perlu mengubah input teks tersebut menjadi angka. Fungsi parseInt() memungkinkan kita untuk melakukan konversi ini dengan mudah.

  2. Validasi Input: Sebelum menggunakan input pengguna, seringkali kita perlu memvalidasi bahwa input tersebut adalah angka. Dengan menggunakan fungsi parseInt(), kita dapat dengan cepat memeriksa apakah input tersebut dapat diubah menjadi angka atau tidak. Jika parseInt() mengembalikan nilai NaN (Not a Number), itu berarti input tidak valid.

  3. Memproses Data dari Sumber Eksternal: Saat bekerja dengan data dari sumber eksternal, seperti file CSV atau API, data tersebut umumnya dalam bentuk teks. Untuk melakukan operasi matematika atau pembandingan, kita perlu mengubah teks tersebut menjadi angka. Dalam hal ini, fungsi parseInt() sangat berguna.

Kesimpulan

Fungsi parseInt() pada JavaScript adalah alat yang berguna untuk mengubah teks menjadi angka. Dalam artikel ini, kita telah mempelajari konsep dasar dari fungsi parseInt() serta contoh penggunaannya. Fungsi ini membantu dalam mengubah input pengguna, melakukan validasi input, dan memproses data dari sumber eksternal. Dengan pemahaman yang baik tentang fungsi ini, kita dapat meningkatkan kemampuan pengembangan aplikasi web kita.