jqueryは文字列を数値型に変換します

Web 開発では、文字列を数値型に変換する必要があることがよくあります。たとえば、バックエンドから取得するデータは通常文字列型ですが、フロントエンドで計算と比較を実行する必要があります。 JavaScript では、Number() メソッドまたは parseInt() メソッドを使用して、文字列を数値型に変換します。 jQuery を使用して開発する場合、$.fn.text() メソッドを使用して要素のテキスト コンテンツを取得できますが、このメソッドは文字列型を返します。そこでこの記事ではjQueryを使って文字列を数値型に変換する方法を紹介します。

1. Number() メソッド

Number() メソッドを使用して、文字列を数値型に変換します。次のような用途があります。

Number(value)
Number.parseFloat(value)
Number.parseInt(value, radix)

このうち、value は変換対象の文字列、parseFloat() と parseInt() は変換対象の文字列です。 Number オブジェクトのメソッド。

value が数値以外の文字列の場合、Number() メソッドは NaN を返します。 value が数値文字列の場合、Number() メソッドは数値を返します。例:

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

jQuery を使用して取得したテキスト コンテンツの場合、まず .text() メソッドを使用して文字列を取得し、それを数値型に変換します。例:

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

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

2. parseInt()method

parseInt()メソッドを使用して、文字列を整数に変換します。タイプ 。その構文は次のとおりです。

parseInt(value, radix)

このうち、value は変換対象の文字列、radix は変換対象の基数を表します。 radix が指定されていない場合、デフォルトは 10 進数です。

parseInt()メソッドは、文字列の左側から数値以外の文字が解析されるまで数値を解析します。文字列の最初の文字が数字でない場合、parseInt() メソッドは NaN を返します。例:

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

parseInt() メソッドを使用する場合は、次の点に注意する必要があります。

• 文字列が 0x で始まる場合、または0X の場合、16 進数に解析されます。
• 文字列が 0 で始まる場合、8 進数に解析されます。ただし、厳密モードを使用すると、このメソッドは無効になります。
• 基数を指定しない場合、値が 0x または 0X で始まる場合、基数は 16、0 で始まる場合、基数は 8、その他の場合、基数は です。 10.

例:

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

jQuery を使用してテキスト コンテンツを取得する場合、最初に $.fn.text() メソッドを使用して、文字列を入力し、parseInt() メソッドを使用して数値型に変換します。例:

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

var quantityStr = $("#quantity").text(); // 获取元素的文本内容
var quantityNum = parseInt(quantityStr); // 将字符串转换成数字
console.log(quantityNum); // 输出5

概要

この記事では、jQuery を使用して文字列を数値型に変換する方法を紹介します。 Number() メソッドを使用して文字列を数値に変換することも、parseInt() メソッドを使用して文字列を整数に変換することもできます。 jQuery を使用してテキスト コンテンツを取得する場合、まず .text() メソッドを使用して文字列を取得し、次に対応するメソッドを使用して文字列を数値型に変換します。

一部の特殊なケースでは、変換に parseInt() メソッドを使用すると、予期しない状況が発生する可能性があることに注意してください。具体的な状況に応じて判断して対処する必要があります。

以上がjqueryは文字列を数値型に変換しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。