クイックヒント：JavaScriptの文字列に数値を変換する方法

キーテイクアウト

• JavaScriptは、数字を文字列に変換する4つの方法を提供します：文字列補間、文字列連結、toString（）メソッド、およびstring（）コンストラクター関数。方法の選択は、特定のニーズとユースケースに依存します。
文字列と文字列の連結は、文字列に数値を組み込む場合に使用するのが最適です。ただし、これらの方法は、特に複数の数値で使用される場合に予想外の結果につながる可能性のある文字列の連結でコードの読み取りを低下させる可能性があります。
• string（）とtoString（）を使用することの主な違いは、string（）が未定義とnull値で動作するのに対し、toString（）は動作しないことです。したがって、値を未定義またはnullにする可能性がある場合、string（）を使用する方が安全です。
JavaScriptは非常に柔軟であり、データ型間で変換するさまざまな方法を提供します。この短いチュートリアルでは、JavaScriptの文字列に数値を変換する方法について説明します。たとえば、文の一部として番号を表示するなど、ユーザーにとって数値データをより読みやすくするためにこれを行うことをお勧めします。 このチュートリアルでは、JavaScriptの文字列に数値を変換する4つの方法を調べます。特定のニーズとユースケースに応じて、さまざまなアプローチをお勧めします。

文字列補間：文字列内に数値を挿入する場合。たとえば、「

24のうち7クレジットを使用した」などのWebページにテキストを表示します。連結を使用することもできますが、注意してください
• 文字列またはtoString（）：文字列に数値値のタイプを変更するとき。たとえば、数字を入力として使用して、文字列を期待する関数またはAPIに使用します。 string and toString（）はほとんど同じですが、未定義でヌル変数を異なって扱います。 また、反対のアクションを実行したい場合は、文字列を数値に変換する方法に興味があるかもしれません。 補間を使用して数値を文字列に変換します
補間は、おそらく文字列で数値を使用する最も読みやすい方法です。数字を文字列に手動で変換する代わりに、この方法を使用して文字列に挿入できます。 補間を使用するには、引用符（ "or '）の代わりにバックテック（`）で文字列を包みます。文字列に、「$ {}」をプレースホルダーとして使用して任意の変数を挿入できます。これはテンプレートリテラルと呼ばれ、他にもさまざまな利点があります。 例えば：
• コンソールにログインされている文字列はバックテックでラップされているため、$ {}を使用して変数を文字列に挿入できます。。 次のCodepenデモで動作している例を見ることができます。

  ペンを参照してください SitePointによるJavaScriptの文字列補間（@SitePoint） codepen。

  文字列連結を使用して数値を文字列に変換します

  2番目のアプローチは、文字列連結です。オペレーターを使用して数字を文字列に変換できます。 例えば：

  <span>const number = 99;
  </span><span>console.log(<span>`<span>${number}</span> percent of people love JavaScript`</span>); // "99% of people love JavaScript"
  </span>

  ペンを参照してください SitePointによる連結で文字列に数値を変換する（@sitepoint） codepen。

  このアプローチは効率的ですが（コードの最小量が必要なため）、コードの読み取りを低下させることができます。

  文字列連結警告

  このアプローチを複数の数で使用する場合、予期しない結果が発生する可能性があります。 例えば：

  <span>const number = 99;
  </span><span>console.log(<span>`<span>${number}</span> percent of people love JavaScript`</span>); // "99% of people love JavaScript"
  </span>

  bは文字列に到達する前に最初に評価されるため、操作は文字列の連結ではなく数値追加です。文字列変数またはリテラルに到達すると、操作は文字列の連結になります。そのため、結果は2468高速道路です。 ただし、コードを次のように変更してみてください。

  <span>console.log(10 + "USD"); //"10USD"
  </span><span>console.log(10 + ""); //"10"
  </span>

  「それは」Aが最初に評価されるため、オペレーターは式の残りの部分の弦の連結に使用されます。したがって、前の例と同様に、AとBの間の追加操作の代わりに、2つの間の文字列連結操作になります。 これは、括弧を使用して解決できます。

  <span>const a = 2000;
  </span><span>const b = 468;
  </span><span>console.log(a + b + " motorway"); // "2468 motorway"
  </span>

  AとBの間の添加が最初に実行されるため、2つの変数間の添加操作につながります。次に、最初のオペランドは「それは」であるため、弦の連結が残りの式に使用されます。

  toString

  を使用して数値を文字列に変換します 3番目のアプローチは、toString（）メソッドを使用することです。この方法は、数字を含むすべてのJavaScriptデータ型で使用できます。使用されている数の値を変換し、返品します。 例えば：

  <span>const a = 2000;
  </span><span>const b = 468;
  </span><span>console.log("it is " + a + b + " motorway"); // "it is 2000468 motorway"
  </span>

  この例は、最初のアプローチの結果と同じ結果を示しています。また、次のCodepenデモで動作していることもあります。

  ペンを参照してください js sitepoint（@sitepoint）によるtoString（）を使用して数字を文字列に変換します codepen。

  文字列を使用して数値を文字列に変換します 4番目のアプローチは、string（）コンストラクター関数を使用することです。この関数は、最初のパラメーターとして変換する変数を受け入れます。パラメーターを文字列に変換して返します。 例えば：

  コンソールで数値とそのタイプを記録する場合、結果はそれぞれ10と数になります。それを変換した後、結果はそれぞれ文字列と文字列として10になります。 次のCodepenデモで動作している例を見ることができます。

  <span>const a = 2000;
  </span><span>const b = 468;
  </span><span>console.log("it is " + (a + b) + " motorway"); // "it is 2468 motorway"
  </span>

  ペンを参照してください js sitepoint（@sitepoint）によってstring（）を使用してstring（）を使用してstringに番号を変換します codepen。

  結論

  このチュートリアルでは、JavaScriptの文字列に数値を変換するために使用できる4つのアプローチを示します。これらの方法は、数字で使用すると同じ結果を生み出すことができますが、1つのアプローチが他のアプローチよりも優れている場合があります。 string（）とtoString（）を使用することの主な違いは、string（）が未定義とnull値で動作するのに対し、toString（）は動作しないことです。したがって、数字を含む値があるが、文字列に変換するときに安全にしたい場合は、string（）を使用できます。 文字列補間と文字列の連結については、文字列内で数値を使用する場合に最適です。それ以外の場合、これらのメソッドを使用すると、コードの読み取りが低下する可能性があります。 この記事が便利だと思った場合は、以下を楽しむこともできます。
  • クイックヒント：JavaScriptの文字列に数値を変換する方法
  • JavaScript JavaScriptを迅速に学習する方法：6つの単純なマインドトリック
  • 25 JavaScript Shorthand Coding Techniques
  • ES6アクション：新しい番号メソッド
  • ES6アクション：新しい文字列メソッド - String.Prototype。*
  • 真実と偽りの価値：JavaScriptですべてが等しくない場合
  javascriptの文字列に数値を変換することに関するよくある質問（FAQ）
  JavaScriptの文字列に数値を変換することの重要性は何ですか？
  JavaScriptの文字列に変換することは、プログラミングの一般的な操作です。ユーザーに数値データを表示したり、文字列で連結操作を実行したり、簡単に読みやすく操作可能な形式で番号を保存する必要がある場合に特に便利です。たとえば、テキストフィールドは文字列データのみを受け入れるため、Webページのテキストフィールドに数字を表示する場合は、最初に文字列に変換する必要があります。 toString（）メソッドを使用して文字列に？簡単な例を次に示します。 // outputs： "123"

  このコードでは、数値123がtoString（）メソッドを使用して文字列に変換され、結果がコンソールにログに記録されます。 toString（）メソッドを使用せずに文字列に？別の方法の1つは、string（）関数を使用することです。例は次のとおりです。 // outputs： "123"

  このコードでは、数字123が文字列（）関数を使用して文字列に変換され、結果はコンソールにログに記録されます。

  フローティングポイント番号をJavaScriptの文字列に変換するにはどうすればよいですか？

  ​​

  フローティングポイント番号をJavaScriptの文字列に変換することは、整数の変換に似ています。 toString（）メソッドまたはstring（）関数のいずれかを使用できます。 toString（）メソッドを使用した例を次に示します。
  let num = 123.45;
  let str = num.toString（）;
  console.log（str）; // outputs： "123.45"
  このコードでは、フローティングポイント番号123.45がtoString（）メソッドを使用して文字列に変換され、結果がコンソールにログに記録されます。 JavaScriptの文字列に数値を変換するときに基数を指定しますか？

  はい、toString（）メソッドを使用してJavaScriptの文字列に数値を変換するときにRADIX（ベース）を指定できます。基数は2〜36の任意の整数である可能性があります。例を次に示します。 //出力： "7b"

  このコードでは、数字123は16のtoString（）メソッドを使用して16進（base 16）文字列に変換され、結果はコンソールにログに記録されます。 🎜>

  javascriptの科学表記法の文字列に数値を変換するにはどうすればよいですか？
  
  javascriptの科学表記法の文字列に数値を変換するには、toexponential（）メソッドを使用できます。例は次のとおりです。 // outputs： "1.23e 2"
  このコードでは、数字123はtoexponential（）メソッドを使用して科学表記の文字列に変換され、結果はコンソールにログに記録されます。 JavaScriptの特定の小数点以下の小数点を持つ数字を文字列に変換するにはどうすればよいですか？
  

  javascriptの特定の小数点以下の小数を持つ文字列に数値を変換するには、tofixed（）メソッドを使用できます。 。例は次のとおりです。 //出力： "123.46"

  このコードでは、数123.456はtofixed（）メソッドを使用して2つの小数の場所を持つ文字列に変換され、結果はコンソールにログに記録されます。文字列をJavaScriptの数値に戻しますか？

  ​​

  はい、数字（）関数、parseint（）関数、またはparsefloat（）関数を使用して、javascriptの数字に文字列を変換できます。特定の要件に応じて。数字（）関数を使用した例を次に示します。 // outputs：123
  このコードでは、文字列「123」が数字（）関数を使用して数値に変換され、結果はコンソールにログに記録されます。

  非数量文字列をJavaScriptの数値に変換しようとするとどうなりますか？

  非数値文字列をJavaScriptの数値に変換しようとすると、結果はnanになります（数）。例は次のとおりです。 // outputs：nan
  このコードでは、数字（）関数を使用して数値に変換されようとしています。結果はnanです。文字列をJavaScriptの数値に変換できる場合は、
  
  はい、ISNAN（）関数を使用して文字列をJavaScriptの数値に変換できるかどうかを確認できます。例は次のとおりです。 // outputs：true
  このコードでは、文字列「123」をチェックして、iSNAN（）関数を使用して数値に変換できるかどうかを確認し、結果はコンソールにログに記録されます。

以上がクイックヒント：JavaScriptの文字列に数値を変換する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。