ホームページ > ウェブフロントエンド > jsチュートリアル > TypeScriptで文字列を数値に変換するにはどうすればよいですか?

TypeScriptで文字列を数値に変換するにはどうすればよいですか?

WBOY
リリース: 2023-08-27 14:01:22
転載
1220 人が閲覧しました

如何在 TypeScript 中将字符串转换为数字?

文字列と数値は、TypeScript のプリミティブ データ型です。場合によっては、数値を文字列形式で取得し、その値に対して数学的演算を実行するために文字列値を数値に変換する必要があります。文字列値に対して数学的演算を実行すると、奇妙な結果が得られます。たとえば、数値文字列に別の数値を追加すると、数値は加算されるのではなく、文字列に追加されます。

TypeScript でさまざまな方法やアプローチを使用して文字列を数値に変換する方法を学びます。

したがって、TypeScript で文字列を数値に変換する必要があります。

単項演算子「」を使用します

単項演算子は 1 つのオペランドを受け取ります。オペランドを評価する前に数値に変換します。したがって、これを使用して文字列を数値に変換できます。

###文法###

ユーザーは次の構文に従って文字列を数値に変換できます。

リーリー

上記の構文では、stringNumber 変数を単項 " " 演算子のオペランドとして使用します。

###例###

この例では、stringNumber 変数に文字列形式の数値が含まれています。その後、単項 ‘ ‘ 演算子を使用して stringNumber 文字列値を数値に変換し、計算された値をnumberValue 変数に保存します。

出力では、numberValue 変数の型がnumberであることがわかります。

リーリー

コンパイルすると、次の JavaScript コードが生成されます -

リーリー

出力

上記のコードは次の出力を生成します -

リーリー

Number() コンストラクターを使用する

Number は TypeScript のオブジェクトであり、これをコンストラクターとして使用して Number オブジェクトのインスタンスを作成できます。

数値を Nuber() コンストラクター パラメーターとして数値または文字列形式で渡すことができます。

###文法###

ユーザーは、次の構文に従って Number() コンストラクターを使用して、文字列を数値に変換できます。

リーリー

上記の構文では、Number() コンストラクターのパラメーターとして数値を文字列形式で渡します。

###例###

この例では、文字列形式の数値を含む string1 変数と string2 変数を作成しました。その後、Number() コンストラクターを使用してこれら 2 つの変数を数値に変換し、number1 変数とnumber2 変数に格納します。

文字列値を数値に変換した後、ユーザーは出力でその型を確認できます。

リーリー

コンパイルすると、次の JavaScript コードが生成されます -

リーリー

出力

上記のコードは次の出力を生成します -

リーリー

parseInt() メソッドを使用する

TypeScript の parseInt() メソッドは、数値文字列または数値自体から整数値を抽出し、数値の小数部分を削除します。

###文法###

ユーザーは、TypeScript の parseInt() メソッドを使用して、次の構文に従って文字列を数値に変換できます。

リーリー

上記の構文では、parseInt() メソッドのパラメーターとして数値を文字列形式で渡します。

###例###

次の例では、convertNumToString() 関数は文字列を数値に変換し、数値を返します。関数では、parseInt() メソッドを使用して文字列から数値を抽出しました。

異なる数値を文字列形式でパラメーターとして渡して、convertNumToString() 関数を 2 回呼び出します。ユーザーは出力で変換された数値を確認できます。

リーリー

コンパイルすると、次の JavaScript コードが生成されます -

リーリー

出力

上記のコードは次の出力を生成します -

リーリー

parseFlot() メソッドを使用する

parseFloat() メソッドは、parseInt() メソッドと同じジョブを実行し、文字列を数値に変換します。唯一の違いは、小数点以下の値を削除しないことです。つまり、parseInt() メソッドは文字列から整数値を抽出するのに対し、文字列から浮動小数点値を抽出します。

###文法###

ユーザーは、次の構文に従って parseFloat() メソッドを使用して、文字列を数値に変換できます。

リーリー

上記の構文では、stringValue は文字列形式の浮動小数点数です。

###例###

次の例では、stringToFloat() 関数は、parseFloat() メソッドを使用して、指定された文字列から浮動小数点値を抽出する方法を示しています。 stringToFloat() 関数を 3 回呼び出しました。

stringToFloat() 関数の 3 回目の呼び出しでは、数値やその他の文字をパラメーターとして含む文字列を関数に渡します。出力では、文字列から文字が削除され、浮動小数点値のみが抽出されていることがわかります。

リーリー

コンパイルすると、次の JavaScript コードが生成されます -

リーリー

出力

上記のコードは次の出力を生成します -

リーリー

このチュートリアルでは、文字列形式で指定された数値を実際の数値に変換する 4 つの方法を学習しました。文字列を数値に変換する最良の方法は、他の演算子よりも時間がかからない単項演算子を使用することです。ただし、ユーザーは Number() コンストラクターを使用することもできます。

以上がTypeScriptで文字列を数値に変換するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:tutorialspoint.com
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート