jquery menukar rentetan kepada jenis nombor

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 kaedah Number() atau kaedah parseInt() 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.

1. Gunakan kaedah Number() kaedah

Number() 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 dan parseFloat() dan parseInt() ialah kaedah pada objek Nombor.

Jika value ialah rentetan bukan angka, kaedah Number() akan mengembalikan NaN. Jika value ialah rentetan angka, kaedah Number() 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:

<div id="price">25.99</div>

rrree

2. Gunakan kaedah 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 dan radix mewakili nombor asas yang hendak ditukar. Jika radix 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, kaedah parseInt() mengembalikan NaN. Contohnya:

parseInt(value, radix)

Apabila menggunakan kaedah parseInt(), kita perlu memberi perhatian kepada perkara berikut:

• Jika rentetan bermula dengan 0x atau 0X, ia akan dihuraikan menjadi nombor perenambelasan.
• Jika rentetan bermula dengan 0, ia akan dihuraikan menjadi nombor perlapanan. Tetapi dalam menggunakan mod ketat, kaedah ini dilumpuhkan.
• Tanpa menentukan nombor asas, jika nilai bermula dengan 0x atau 0X, radix ialah 16; jika ia bermula dengan 0, radix ialah 8; 10.

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 kaedah parseInt() 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

<div id="quantity">5</div>

Ringkasan

Artikel ini memperkenalkan cara menggunakan jQuery untuk menukar rentetan kepada jenis angka. Kita boleh menggunakan kaedah Number() untuk menukar rentetan kepada nombor, atau kaedah parseInt() 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 kaedah parseInt() 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!