Dalam pembangunan web, kita selalunya perlu menukar rentetan kepada jenis angka. Sebagai contoh, data yang kami peroleh daripada bahagian belakang biasanya daripada jenis rentetan, tetapi kami perlu melakukan pengiraan dan perbandingan pada bahagian hadapan. Dalam JavaScript, gunakan kaedahNumber()
atau kaedahparseInt()
untuk menukar rentetan kepada jenis angka. Apabila membangun dengan jQuery, kita boleh menggunakan kaedah$.fn.text()
untuk mendapatkan kandungan teks elemen, tetapi kaedah ini mengembalikan jenis rentetan. Oleh itu, artikel ini akan memperkenalkan cara menggunakan jQuery untuk menukar rentetan kepada jenis angka.
Number()
kaedahNumber()
untuk menukar rentetan kepada jenis angka. Ia mempunyai kegunaan berikut:
Number(value) Number.parseFloat(value) Number.parseInt(value, radix)
Antaranya,value
ialah rentetan yang hendak ditukar danparseFloat()
danparseInt()
ialah kaedah pada objek Nombor.
Jikavalue
ialah rentetan bukan angka, kaedahNumber()
akan mengembalikan NaN. Jikavalue
ialah rentetan angka, kaedahNumber()
akan mengembalikan nombor tersebut. Contohnya:
var str = "123"; var num = Number(str); // 将字符串"123"转换成数字123 console.log(num); // 输出123 var str2 = "abc"; var num2 = Number(str2); // 将字符串"abc"转换成NaN console.log(num2); // 输出NaN
Untuk kandungan teks yang diperoleh menggunakan jQuery, kita boleh menggunakan kaedah.text()
dahulu untuk mendapatkan rentetan dan kemudian menukarnya kepada jenis angka. Contohnya:
25.99
parseInt()
parseInt()
kaedah untuk menukar rentetan kepada jenis integer. Sintaksnya ialah:
var priceStr = $("#price").text(); // 获取元素的文本内容 var priceNum = Number(priceStr); // 将字符串转换成数字 console.log(priceNum); // 输出25.99
di mana,value
ialah rentetan yang hendak ditukar danradix
mewakili nombor asas yang hendak ditukar. Jikaradix
tidak dinyatakan, ia lalai kepada perpuluhan. Kaedah
parseInt()
menghuraikan nombor bermula dari sebelah kiri rentetan sehingga aksara bukan angka dihuraikan. Jika aksara pertama rentetan bukan aksara angka, kaedahparseInt()
mengembalikan NaN. Contohnya:
parseInt(value, radix)
Apabila menggunakan kaedahparseInt()
, kita perlu memberi perhatian kepada perkara berikut:
Contohnya:
var num1 = parseInt("123"); // 将字符串"123"转换成数字123 console.log(num1); // 输出123 var num2 = parseInt("123.45"); // 将字符串"123.45"转换成整数123 console.log(num2); // 输出123 var num3 = parseInt("abc"); // 将字符串"abc"转换成NaN console.log(num3); // 输出NaN
Apabila menggunakan jQuery untuk mendapatkan kandungan teks, kita boleh mula-mula menggunakan kaedah$.fn.text()
untuk mendapatkan rentetan, dan kemudian gunakan kaedahparseInt()
untuk menukarnya kepada jenis nombor. Contohnya:
var num4 = parseInt("0xff"); // 将字符串"0xff"转换成数字255(16进制) console.log(num4); // 输出255 var num5 = parseInt("077"); // 将字符串"077"转换成数字63(8进制) console.log(num5); // 输出63 var num6 = parseInt("123", 10); // 将字符串"123"转换成数字123 console.log(num6); // 输出123 var num7 = parseInt("0x10", 16); // 将字符串"0x10"转换成数字16(16进制) console.log(num7); // 输出16
5
Ringkasan
Artikel ini memperkenalkan cara menggunakan jQuery untuk menukar rentetan kepada jenis angka. Kita boleh menggunakan kaedahNumber()
untuk menukar rentetan kepada nombor, atau kaedahparseInt()
untuk menukar rentetan kepada integer. Apabila menggunakan jQuery untuk mendapatkan kandungan teks, kita boleh mula-mula menggunakan kaedah.text()
untuk mendapatkan rentetan, dan kemudian menggunakan kaedah yang sepadan untuk menukarnya kepada jenis angka.
Perlu diambil perhatian bahawa dalam beberapa kes khas, situasi yang tidak dijangka mungkin berlaku apabila menggunakan kaedahparseInt()
untuk penukaran. Kita perlu menilai dan mengendalikannya mengikut situasi tertentu.
Atas ialah kandungan terperinci jquery menukar rentetan kepada jenis nombor. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!