Bagaimana untuk Melaksanakan Pengesahan Nombor Perpuluhan Teguh dalam JavaScript menggunakan `IsNumeric()`?

Melaksanakan Pengesahan Nombor Perpuluhan dalam JavaScript dengan IsNumeric()

Pembangun JavaScript sering menghadapi keperluan untuk mengesahkan input untuk nilai angka. IsNumeric() muncul sebagai fungsi serba boleh untuk menangani cabaran ini.

IsNumeric(): Alat Pengesahan Komprehensif

IsNumeric() ialah fungsi teguh yang direka untuk mengendalikan sesuatu pelbagai jenis input, termasuk rentetan, nombor dan juga nilai pelbagai struktur data. Matlamatnya adalah untuk menentukan sama ada input yang diberikan mewakili nilai angka.

Untuk memastikan kejelasan dan keserasian merentas platform, IsNumeric() memanfaatkan fungsi terbina dalam JavaScript.

Kes Ujian dan Jangkaan Hasil

Untuk menunjukkan keberkesanannya, pertimbangkan kes ujian berikut dengan hasil yang dijangkakan sepadan:

Test Case	Expected Outcome
'-1'	true
'-1.5'	true
'0'	true
'0.42'	true
'.42'	true
'99,999'	false
'0x89f'	false
'#abcdef'	false
'1.2.3'	false
''	false
'blah'	false

Pelaksanaan

Coretan berikut menyediakan pelaksanaan fungsi IsNumeric():

function isNumeric(n) {
    return !isNaN(parseFloat(n)) && isFinite(n);
}

Pertimbangan dan Penambahbaikan

Pelaksanaan ini merangkumi semua nilai berangka, termasuk nombor heksadesimal dan eksponen. Walau bagaimanapun, untuk aplikasi yang memerlukan pengesahan perpuluhan sahaja, pelarasan boleh dibuat pada fungsi isNumeric().

Pelaksanaan Alternatif

Sejak beberapa tahun, pelbagai pelaksanaan IsNumeric( ) telah muncul. Berikut ialah beberapa alternatif yang ketara:

jQuery's IsNumeric()

jQuery.isNumeric = function(obj) {
    var realStringObj = obj && obj.toString();
    return !jQuery.isArray(obj) && (realStringObj - parseFloat(realStringObj) + 1) >= 0;
}

Angular 4.3's IsNumeric()

export function isNumeric(value: any): boolean {
    return !isNaN(value - parseFloat(value));
}

Pelaksanaan alternatif ini menawarkan pendekatan yang berbeza untuk pengesahan berangka, tetapi semuanya berusaha untuk menyediakan penyelesaian yang mantap dan berkesan.

Atas ialah kandungan terperinci Bagaimana untuk Melaksanakan Pengesahan Nombor Perpuluhan Teguh dalam JavaScript menggunakan `IsNumeric()`?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!