Ekstraksi Angka dalam JavaScript

Fungsi Number hanya bekerja dengan string yang terdiri dari digit. Namun, saat memprogram dalam JavaScript sering ditemui situasi di mana Anda perlu menangani string yang di awalnya terdapat angka, lalu diikuti huruf.

Contoh string seperti itu adalah nilai dalam piksel: '12px'. Misalkan kita perlu mengambil angka di awalnya, dan membuang bagian stringnya. Untuk operasi seperti itu terdapat fungsi parseInt. Mari kita lihat cara kerjanya pada contoh:

let num = parseInt('12px');
alert(num); // akan menampilkan 12

Namun, piksel terkadang bernilai pecahan: '12.5px'. Dalam hal ini, fungsi parseInt tidak bisa menangani dan hanya menampilkan bagian bulatnya:

let num = parseInt('12.5px');
alert(num); // tetap akan menampilkan 12

Sebenarnya, mungkin perilaku seperti itu - adalah tepat yang Anda butuhkan. Tapi jika tidak - gunakanlah fungsi parseFloat, yang mengekstrak angka beserta bagian pecahannya:

let num = parseFloat('12.5px');
alert(num); // akan menampilkan 12.5

Tentu saja, tidak adanya bagian pecahan tidak mengganggu fungsi parseFloat untuk bekerja dengan benar:

let num = parseFloat('12px');
alert(num); // akan menampilkan 12

Diberikan variabel dengan nilai '5px' dan variabel dengan nilai '6px'. Carilah jumlah piksel dari nilai variabel-variabel tersebut dan tampilkan di layar.

Diberikan variabel dengan nilai '5.5px' dan variabel dengan nilai '6.25px'. Carilah jumlah piksel dari nilai variabel-variabel tersebut dan tampilkan di layar.

Modifikasilah tugas sebelumnya sehingga pada hasil yang ditampilkan ditambahkan huruf 'px'. Artinya, jika jumlah kita adalah 11.75, maka di layar harus ditampilkan '11.75px'.