jquery menukar rentetan kepada jenis nombor

WBOY
Lepaskan: 2023-05-18 20:12:36
asal
2719 orang telah melayarinya

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.

  1. Gunakan kaedahNumber()kaedah

Number()untuk menukar rentetan kepada jenis angka. Ia mempunyai kegunaan berikut:

Number(value) Number.parseFloat(value) Number.parseInt(value, radix)
Salin selepas log masuk

Antaranya,valueialah rentetan yang hendak ditukar danparseFloat()danparseInt()ialah kaedah pada objek Nombor.

Jikavalueialah rentetan bukan angka, kaedahNumber()akan mengembalikan NaN. Jikavalueialah 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
Salin selepas log masuk

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
Salin selepas log masuk
rrree
  1. Gunakan kaedahparseInt()

parseInt()kaedah untuk menukar rentetan kepada jenis integer. Sintaksnya ialah:

var priceStr = $("#price").text(); // 获取元素的文本内容 var priceNum = Number(priceStr); // 将字符串转换成数字 console.log(priceNum); // 输出25.99
Salin selepas log masuk

di mana,valueialah rentetan yang hendak ditukar danradixmewakili nombor asas yang hendak ditukar. Jikaradixtidak 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)
Salin selepas log masuk

Apabila menggunakan kaedahparseInt(), 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
Salin selepas log masuk

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
Salin selepas log masuk
5
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!