Pengekstrakan Nombor dalam JavaScript

Fungsi Number hanya berfungsi dengan rentetan yang terdiri daripada digit. Walau bagaimanapun, semasa pengaturcaraan dalam JavaScript sering terdapat situasi di mana anda perlu berurusan dengan rentetan yang pada awalnya mempunyai nombor, dan kemudian huruf.

Contoh rentetan sedemikian ialah nilai dalam piksel: '12px'. Katakan kita perlu mengambil nombor di awal, membuang bahagian rentetan. Untuk operasi sedemikian terdapat fungsi parseInt. Mari kita lihat kerjanya melalui contoh:

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

Walau bagaimanapun, piksel kadangkala boleh menjadi pecahan: '12.5px'. Dalam kes ini, fungsi parseInt akan mengalah dan hanya memaparkan bahagian integer:

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

Secara umumnya, mungkin tingkah laku sedemikian - adalah tepat apa yang anda perlukan. Tetapi jika tidak - gunakan fungsi parseFloat, yang mengekstrak nombor bersama dengan bahagian pecahannya:

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

Sudah tentu, ketiadaan bahagian pecahan tidak mengganggu fungsi parseFloat berfungsi dengan betul:

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

Diberi pembolehubah dengan nilai '5px' dan pembolehubah dengan nilai '6px'. Cari jumlah piksel daripada nilai pembolehubah ini dan paparkannya pada skrin.

Diberi pembolehubah dengan nilai '5.5px' dan pembolehubah dengan nilai '6.25px'. Cari jumlah piksel daripada nilai pembolehubah ini dan paparkannya pada skrin.

Ubah suai tugas sebelumnya supaya kepada hasil yang dipaparkan ditambah huruf 'px'. Iaitu, jika jumlah kita ialah 11.75, maka biarkan skrin memaparkan '11.75px'.