ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript に文字列変数の数学演算を実行させるにはどうすればよいですか?

JavaScript に文字列変数の数学演算を実行させるにはどうすればよいですか?

Mary-Kate Olsen
リリース: 2024-12-13 13:26:09
オリジナル
152 人が閲覧しました

How Can I Force JavaScript to Perform Mathematical Operations on String Variables?

JavaScript での数学演算の強制: 文字列を整数に変換する

JavaScript で、現在格納されている変数に対して数学演算を実行しようとするとき文字列として扱うと、言語はそれを誤って連結操作として扱います。この問題を修正し、JavaScript に数学的な計算を実行させるには、文字列値を明示的に整数に変換する必要があります。

問題を説明するには、次の JavaScript コードを考えてみましょう。

var dots = document.getElementById("txt").value; // 5
function increase() {
    dots = dots + 5;
}
ログイン後にコピー

この例では、変数 dots は HTML ページの「txt」要素から取得した値で初期化されます。ただし、実際の値は数値であっても、この値は文字列として割り当てられます。したがって、increase() 関数が呼び出されると、式 dots 5 は文字列連結となり、「55」という出力が得られます。

代わりに JavaScript に数学演算を実行させるには、文字列値を次のように変換する必要があります。整数。これは、以下の変更されたコードに示すように、parseInt() 関数を使用することで実現できます。

var dots = parseInt(document.getElementById("txt").value, 10);
function increase() {
    dots = dots + 5;
}
ログイン後にコピー

parseInt() 関数は文字列を解析し、整数値を返します。 10 パラメータは、文字列が基数 10 (10 進数) で表現されることを指定します。これにより、値が数値型に正しく変換され、数学的演算を実行できるようになります。

この変換を実装することにより、JavaScript はドットの初期値に 5 を正しく加算し、次の出力が得られます。予想通り10。

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

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