JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptの型変換に便利な「+」演算子の重要性とは？具体例付きで解説

JavaScriptにおける「+」演算子は、数値の加算や文字列の連結など幅広い用途を持つ一方で、実は型変換においても非常に重要な役割を果たしています。普段は足し算の計算に使うことが多いですが、単項演算子（オペランドが一つだけの形）として使うことで、文字列を驚くほど簡単に数値へ変換できるのです。

文字列を数値へ変換する例

<html>
<body>
<script>
    var num = '23';
    int = +num;
    document.write(int);
    document.write('</br>');
    document.write(typeof int);
</script>
</body>
</html>

出力結果

23
number

この例では、文字列の「23」に単項の「+」演算子を適用するだけで、数値型の23へ変換されています。続くtypeof演算子の結果が「number」と表示されていることからも、実際に数値型へ変換されたことが確認できます。

真偽値（boolean）を数値へ変換する

「+」演算子の活用範囲は文字列にとどまりません。真偽値（boolean）から数値への変換にも利用でき、trueは1に、falseは0にそれぞれ置き換えられます。

例

<html>
<body>
<script>
    document.write(+true);
    document.write('</br>');
    document.write(+false);
</script>
</body>
</html>

出力結果

1
0

このように「+」演算子を使った型変換は、Number()関数やparseInt()関数を呼び出すよりも簡潔に記述できるため、短く読みやすいコードを書きたい場面で重宝します。ただし注意点もあります。数値として解釈できない文字列（たとえば「abc」）に適用した場合はNaNが返されるため、変換元の値が数値形式であることを確認してから使うのが安全です。

  1. JavaScriptの型変換に便利な「+」演算子の重要性とは？具体例付きで解説

    JavaScriptにおける「+」演算子は、数値の加算や文字列の連結など幅広い用途を持つ一方で、実は型変換においても非常に重要な役割を果たしています。普段は足し算の計算に使うことが多いですが、単項演算子（オペランドが一つだけの形）として使うことで、文字列を驚くほど簡単に数値へ変換できるのです。 文字列を数値へ変換する例 <html> <body> <script>     var num = 23;     int = +num;     

  2. JavaScriptの型強制（Type Coercion）とは？仕組みを初心者向けにわかりやすく解説

    型強制（Type Coercion）とは、あるデータ型が自動的・暗黙的に別のデータ型へと変換される仕組みのことです。JavaScriptは動的型付け言語であり、開発者が明示的に型を指定しなくても、状況に応じて値の型が自動的に変換されます。特に注意が必要なのが「+」演算子です。片方が文字列の場合、数値は文字列に変換されて文字列の連結として処理されます。一方、「-」「*」「/」などの算術演算子では、文字列は数値へ変換されるため、挙動の違いを理解しておくことが重要です。以下に、JavaScriptにおける型強制の動作を確認できるサンプルコードを示します。サンプルコード<!DOCTYPE htm