コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScriptで数値を強制的に変換するにはどうすればよいですか? （方法の概要）

JavaScriptで数値を強制的に変換するにはどうすればよいですか? （方法の概要）

不言
リリース： 2018-09-20 17:45:47
オリジナル
3146 人が閲覧しました

この記事の内容はJavaScriptで数値を強制変換する方法についてです。 （方法の概要）は、必要な友人がそれを参考にできることを願っています。

JavaScript のデータ型は、基本データ型と参照データ型に分類されます。

基本データ: 数値、ブール値、未定義、Null、文字列;

参照データ: オブジェクト;

0.000...01の場合、小数点が7桁以上の場合は自動的に科学表記に変換されます

20000...00の場合、整数部22 桁以上の場合、自動的に科学表記に変換されます。

Number(x): 1 つのパラメータ;

  • パラメータが Number 型の場合: 正しく出力できます。

    • ##パラメータがブール型の場合: true->1;fasle->0;
  • console.log(Number(1));        //1
console.log(Number(1e-7));    //1e-7
console.log(Number(0b111));  //7
console.log(Number(NaN));   //NaN
    ログイン後にコピー

    • パラメータが未定義: 値は NaN
  • console.log(Number(true));  //1
console.log(Number(false)); //0
    ログイン後にコピー

    #パラメータが null の場合: 
    console.log(Number(undefined)); //NaN
    ログイン後にコピー

  • パラメータがString型の場合：
      • console.log(Number(null));    //0
      ログイン後にコピー
      //数字字符串
console.log(Number("123"));   //123
console.log(Number("-123"));  //-123
console.log(Number("12.3"));  //12.3
console.log(Number("1e-7"));  //1e-7
console.log(Number("0xff"));  //255
console.log(Number("00123")); //123    
console.log(Number("   123")); //123
console.log(Number("\t\n123")); //123
      ログイン後にコピー
      //数字+字符或全字符字符串
console.log(Number('a123'));  //NaN
console.log(Number("false")); //NaN
console.log(Number("a123"));  //NaN
      ログイン後にコピー

    • パラメータの型がオブジェクトの場合：まず.valueOf()を実行し、オブジェクトが取得できたらtoStringを実行() を基本データ型が取得されるまで繰り返します。例: {}.valueOf().toString() = "[object Object]" 最終的な数値結果は NaN
        • //空串或者空格字符串
console.log(Number("\t\n"));   //0
console.log(Number("  "));     //0
console.log(Number(""));       //0
        ログイン後にコピー
      • parseInt( x,y): 2 つのパラメーター、

        プロセスは次のとおりです。まず String(x) を文字列に変換し、次に y 基数を基数として使用して値を 10 進数に変換します。入力されていない場合は、 yの範囲: [2,36]
        • パラメータyがない場合:

        xパラメータが数値の場合: 相当0.001、1e-7 型の値は小数点以下が四捨五入されることに注意してください (e) の値は、前の値を返します。 

          console.log(Number({}));  //NaN
console.log(Number([1])); //1
console.log(Number([1,2]));  //NaN
cosole.log(Number([]));    //0
          ログイン後にコピー

        • x パラメータはブール値、未定義、null です: 
            • console.log(parseInt(123));   //123
console.log(parseInt(1e-7));  //1
console.log(parseInt(0xff));  //255
console.log(parseInt(NaN));   //NaN
console.log(parseInt(0.00001)); //0
            ログイン後にコピー

          • x パラメータこれは String 型です。時空文字列、スペース文字列、および数字に注意する必要があります。
              • console.log(parseInt(true));  //NaN
console.log(parseInt(false)); //NaN
console.log(parseInt(undefined)); //NaN
console.log(parseInt(null));    //NaN
              ログイン後にコピー

            • パラメータ x がオブジェクトの場合: .valueOf()も同様で、オブジェクトが取得できたら、基本データ型が取得できるまでtoString()を実行し、上記のルールに従って出力します。
              • パラメータ x、y の場合、y が 0、null、未定義、または NaN の場合、y は無視され、デフォルトの 10 が設定されます。[2, 36] の範囲を超える場合は、NaN が返されます。 x 値が y 基数で表現できる場合、残りはできるだけ多くの数値で表現できます。浮動小数点数と科学的表記法は正しく表現できますが、文字列の基数を正しく表現することはできません。残りは parseInt(x, 10) と同じです。 
                console.log(parseInt(""));   //NaN
console.log(parseInt("-123"));  //-123
console.log(parseInt("  "));  //NaN
console.log(parseInt("\t\n"));   //NaN
console.log(parseInt("a123")); //NaN
console.log(parseInt("123a")); //123
                ログイン後にコピー
              • String(), .toString()## と同じです。

                • #1 つ目: 未定義、null には toString() 属性がなく、String(undefiend) のみを渡すことができます

                • 2 つ目: y.toString(x)、これは、ターゲット値 y を x ベースの値に変換することを意味します

                console.log(parseInt({1:2}));   //"[object Object]"->NaN
console.log(parseInt([]));      //""->NaN
console.log(parseInt([1,2]));   //"1,2"->//1
                ログイン後にコピー

                以上がJavaScriptで数値を強制的に変換するにはどうすればよいですか? （方法の概要）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

                関連ラベル：
                javascript
                ソース：php.cn
                前の記事：js暗黙的変換の知識解説（例付き） 次の記事：jsのクラスを従来のクラスパターンに変換するコンストラクターを詳しく解説（例付き）
                このウェブサイトの声明
                この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
                著者別の最新記事
                最新の問題
                JavaScript を使用せずにクリック時に画像ソースを動的に変更する CSS のみのメソッド img:active{} のような CSS のみを使用して、マウスクリック時に画像の src を変更する必要があります
                から 2024-04-06 19:25:49
                0
                1
                505
                d3.js でズームインすると散布図のポイントの値が維持されない d3.js を使用するのは初めてなので、ご容赦ください。 vue.js ファイルに純粋な JavaScript として実装しました。ズーム機能を使用して散布図を作成しようとしていま...
                から 2024-04-06 18:16:26
                0
                1
                403
                ベンダー固有の疑似要素上の JavaScript ホバー イベント 次の htmlinput タグがあります。 $("input[type='range']::-webkit-slider-thumb").on('hover',...
                から 2024-04-06 15:35:24
                0
                1
                274
                Javascript/Jqueryを使用してボタンなしでフォームを送信する JavaScript 関数を呼び出し、JQUERY/PHP を使用してフォームを実行することにより、ボタンのないフォームを送信しようとしています。ページを再読み込みせずに、バックエ...
                から 2024-04-06 14:54:03
                0
                2
                421
                CollapseDisplay クラスを使用してブートストラップ アコーディオン ヘッダーの外観をカスタマイズする class Collapseshow を使用してパネルのカード タイトルのスタイルを設定したいと考えています。この例では、最初のパネルです。 CSS を使用して .accordio...
                から 2024-04-06 12:53:11
                0
                1
                376
                関連トピック
                詳細>
                人気のおすすめ
                人気のチュートリアル
                詳細>
                関連するチュートリアル
                人気のおすすめ
                最新のコース
                最新のダウンロード
                詳細>
                ウェブエフェクト
                公式サイト
                サイト素材
                フロントエンドテンプレート