コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript の Number オブジェクトの概要 (コード例)

JavaScript の Number オブジェクトの概要 (コード例)

不言
リリース： 2018-10-18 16:56:22
転載
2380 人が閲覧しました

この記事では、JavaScript の Number オブジェクトについて説明します (コード例)。必要な方は参考にしていただければ幸いです。

1. Number インスタンス オブジェクトを作成します

    /**
     * new Number(value);
     * value  被创建对象的数字值
     *
     * Number 对象主要用于：
        如果参数无法被转换为数字，则返回 NaN。
        在非构造器上下文中 (如：没有 new 操作符)，Number 能被用来执行类型转换
     */
    let number = new Number("1100");
    console.log(number); //Number {1100}
    console.log(Number("123"));     // 123
    console.log(Number(""));        // 0
    console.log(Number("0x11"));    // 17
    console.log(Number("0b11"));    // 3
    console.log(Number("0o11"));    // 9
    console.log(Number("foo"));     // NaN
    console.log(Number("100a"));    // NaN
ログイン後にコピー

2. Number 静的プロパティ

1.Number.EPSILON プロパティ

は、1 と 1 より大きい最小値との差を表します (数値で表すことができます)。EPSILON 属性の値は 2.2204460492503130808472633361816E-16、つまり 2^(-52)

    let x = 0.2;
    let y = 0.3;
    let z = 0.1;
    let equal = (Math.abs(x - y + z) < Number.EPSILON); //true
ログイン後にコピー
# に近いです。 ##2.Number .MAX_SAFE_INTEGER 属性

定数は JavaScript の最大安全整数 (最大安全整数) を表します (2^53 - 1)

3.Number.MAX_VALUE 属性

JavaScript で表現できる最大値は 1.79E 308 に近い値を表します。MAX_VALUE より大きい値は「無限大」を表します

4.Number.MIN_SAFE_INTEGER 属性

を表しますJavaScript の最小の安全な整数 数値型 (-(2^53 - 1))

5.Number.MIN_VALUE 属性

# は、JavaScript で表現できる最小の正の値を表します。値は次のとおりです。約5e-324、MIN_VALUE未満の値（「アンダーフロー値」）は0

6.Number.NEGATIVE_INFINITYプロパティ

に変換され、負の無限大を表し、その値は同じですグローバル オブジェクトの Infinity プロパティの負の値として

##7.Number.NaN 属性

# は「非数値」を意味し、グローバル NaN

と同じです

8.Number.POSITIVE_INFINITY 属性

正の無限大を表し、その値はグローバル オブジェクトの Infinity プロパティの値と同じです

9.Number.prototype プロパティ

Number コンストラクターのプロトタイプを表し、すべての Number インスタンスは Number から継承します。Number コンストラクターのプロトタイプ オブジェクトを変更すると、すべての Number インスタンス

#3 に影響します。

##1.Number.isFinite() メソッドは、渡された入力パラメータが有限数かどうかを検出するために使用されます。

    /**
     * Number.isFinite() 方法用来检测传入的参数是否是一个有穷数（finite number）
     * Number.isFinite(value)
     * value   要被检测有穷性的值
     *
     * 和全局的 isFinite() 函数相比，这个方法不会强制将一个非数值的参数转换成数值，这就意味着，只有数值类型的值，且是有穷的（finite），才返回 true
     * 返回值：一个 布尔值 表示给定的值是否是一个有穷数
     */
    console.log(Number.isFinite(Infinity));  // false
    console.log(Number.isFinite(NaN));       // false
    console.log(Number.isFinite(-Infinity)); // false
    console.log(Number.isFinite(0));         // true
    console.log(Number.isFinite(2e64));      // true
    console.log(Number.isFinite('0'));       // false, 全局函数 isFinite('0') 会返回 true
ログイン後にコピー
2.Number.isInteger() メソッドは、指定されたパラメータが有限数であるかどうかを判断するために使用されます。は整数です
    /**
     * Number.isInteger() 方法用来判断给定的参数是否为整数
     * Number.isInteger(value)
     * value   要判断此参数是否为整数
     *
     * 如果被检测的值是整数，则返回 true，否则返回 false。注意 NaN 和正负 Infinity 不是整数
     * 返回值：判断给定值是否是整数的 Boolean 值
     */
    console.log(Number.isInteger(0));         // true
    console.log(Number.isInteger(1));         // true
    console.log(Number.isInteger(-100000));   // true
    console.log(Number.isInteger(0.1));       // false
    console.log(Number.isInteger(Math.PI));   // false
    console.log(Number.isInteger(Infinity));  // false
    console.log(Number.isInteger(-Infinity)); // false
    console.log(Number.isInteger("10"));      // false
    console.log(Number.isInteger(true));      // false
    console.log(Number.isInteger(false));     // false
    console.log(Number.isInteger([1]));       // false
ログイン後にコピー
3.Number.isNaN()メソッドは、渡された値がNaNであり、その型がNumber

    /**
     * Number.isNaN() 方法确定传递的值是否为 NaN和其类型是 Number。它是原始的全局isNaN()的更强大的版本
     * Number.isNaN(value)
     * value  要被检测是否是 NaN 的值
     *
     * NaN 最特殊的地方就是，我们不能使用相等运算符（== 和 ===）来判断一个值是否是 NaN，因为 NaN == NaN 和 NaN === NaN 都会返回 false
     * 返回值：一个布尔值，表示给定的值是否是 NaN
     */
    console.log(NaN == NaN); //false
    console.log(NaN === NaN); //false
    console.log(Number.isNaN(NaN));        // true
    console.log(Number.isNaN(Number.NaN)); // true
    console.log(Number.isNaN(0 / 0));     // true

// 下面这几个如果使用全局的 isNaN() 时，会返回 true。
    console.log(Number.isNaN("NaN"));      // false，字符串 "NaN" 不会被隐式转换成数字 NaN。
    console.log(Number.isNaN(undefined));  // false
    console.log(Number.isNaN({}));         // false
    console.log(Number.isNaN("blabla"));   // false
    console.log(isNaN("NaN"));      // true
    console.log(isNaN(undefined));  // true
    console.log(isNaN({}));         // true
    console.log(isNaN("blabla"));   // true
ログイン後にコピー
4.Number.isSafeInteger()メソッドを使用して、渡された値がNaNであるかどうかを決定します。渡されたパラメータ値は「安全な整数」 (安全な整数) です。

    /**
     * Number.isSafeInteger() 方法用来判断传入的参数值是否是一个“安全整数”（safe integer）
     * Number.isSafeInteger(testValue)
     * testValue   需要检测的参数
     *
     * 返回值：一个布尔值 表示给定的值是否是一个安全整数（safe integer）
     */
    console.log(Number.isSafeInteger(3));                    // true
    console.log(Number.isSafeInteger(Math.pow(2, 53)));       // false
    console.log(Number.isSafeInteger(Math.pow(2, 53) - 1));   // true
    console.log(Number.isSafeInteger(NaN));                  // false
    console.log(Number.isSafeInteger(Infinity));             // false
    console.log(Number.isSafeInteger("3"));                  // false
    console.log(Number.isSafeInteger(3.1));                  // false
    console.log(Number.isSafeInteger(3.0));                  // true
ログイン後にコピー
5.Number.parseFloat() メソッドは文字列を浮動小数点数に解析できます。このメソッドは、指定された基数に基づいて文字列を整数に解析できるグローバル parseFloat() 関数

    /**
     * Number.parseFloat() 方法可以把一个字符串解析成浮点数。该方法与全局的 parseFloat() 函数相同
     * Number.parseFloat(string)
     * string 被解析的字符串
     */
    console.log(Number.parseFloat("3.14")); //3.14
    console.log(Number.parseFloat("314e-2")); //3.14
    console.log(Number.parseFloat("0.0314E+2")); //3.14
    console.log(Number.parseFloat("3.14more non-digit characters")); //3.14
ログイン後にコピー
6.Number.parseInt() メソッドと同じです。このメソッドは、グローバル parseInt() 関数

    /**
     * Number.parseInt() 方法可以根据给定的进制数把一个字符串解析成整数。该方法和全局的 parseInt() 函数相同
     * Number.parseInt(string[, radix])
     * string   要被解析的值。
        如果参数不是一个字符串，则将其转换为字符串(使用  ToString 抽象操作)，字符串开头的空白符将会被忽略
     * radix   一个介于2和36之间的整数，表示上述字符串的基数
        比如参数"10"表示使用我们通常使用的十进制数值系统
        当未指定基数时，不同的实现会产生不同的结果，通常将值默认为10
     *
     * 返回值：返回解析后的整数值。如果被解析参数的第一个字符无法被转化成数值类型，则返回 NaN
     */
    console.log(Number.parseInt("015", 10)); //15
    console.log(Number.parseInt("0xF", 16)); //15
    console.log(Number.parseInt('017', 8)); //15
    console.log(Number.parseInt("1111", 2)); //15
    console.log(Number.parseInt(15.99, 10)); //15
ログイン後にコピー

4 と同じです。数値インスタンス メソッド

1.toExponential() メソッドは、指数表記で数値文字列表現を返します。 Form

    /**
     * toExponential() 方法以指数表示法返回该数值字符串表示形式
     * numObj.toExponential(fractionDigits)
     *
     * fractionDigits  可选，一个整数，用来指定小数点后有几位数字。默认情况下用尽可能多的位数来显示数字
     * 返回值：一个用幂的形式 (科学记数法) 来表示Number 对象的字符串
     */
    let number1 = 777.1234;
    console.log(number1.toExponential()); //输出 7.771234e+2
    console.log(number1.toExponential(4)); //输出 7.7712e+2
    console.log(number1.toExponential(2)); //输出 7.77e+2
ログイン後にコピー
2.toFixed() メソッドは、固定小数点表現を使用して数値をフォーマットします
    /**
     * toFixed() 方法使用定点表示法来格式化一个数
     * numObj.toFixed(digits)
     *
     * digits  小数点后数字的个数；介于0到20（包括）之间，实现环境可能支持更大范围。如果忽略该参数，则默认为 0
     *
     * 返回值：所给数值的定点数表示法的字符串形式
     */
    let number2 = 12345.6789;
    console.log(number2.toFixed());      // 返回 "12346"：进行四舍五入，不包括小数部分
    console.log(number2.toFixed(1));     // 返回 "12345.7"：进行四舍五入
    console.log(number2.toFixed(6));     // 返回 "12345.678900"：用0填充
    console.log(-2.34.toFixed(1));         // 返回 -2.3 （由于操作符优先级，负数不会返回字符串）
    console.log((-2.34).toFixed(1));       // 返回 "-2.3" （若用括号提高优先级，则返回字符串）
ログイン後にコピー
3.toPrecision() メソッドは、指定された精度の数値オブジェクトの文字列表現を返します

    /**
     * toPrecision() 方法以指定的精度返回该数值对象的字符串表示
     * numObj.toPrecision(precision)
     *
     * precision  可选。一个用来指定有效数个数的整数
     *
     * 返回值：以定点表示法或指数表示法表示的一个数值对象的字符串表示，四舍五入到 precision 参数指定的显示数字位数
     */
    let number3 = 5.123456;
    console.log(number3.toPrecision());  //输出 5.123456
    console.log(number3.toPrecision(5)); //输出 5.1235
    console.log(number3.toPrecision(2)); //输出 5.1
    console.log(number3.toPrecision(1)); //输出 5

// 注意：在某些情况下会以指数表示法返回
    console.log((1234.5).toPrecision(2)); // "1.2e+3"
ログイン後にコピー
4.toString() メソッドは、指定された Number オブジェクトの文字列表現を返します。

    /**
     * toString() 方法返回指定 Number 对象的字符串表示形式
     * numObj.toString([radix])
     *
     * radix  指定要用于数字到字符串的转换的基数(从2到36)。如果未指定 radix 参数，则默认值为 10
     */
    let count = 10;
    console.log(count.toString());    // 输出 '10'
    console.log((17).toString());     // 输出 '17'
    console.log((17.2).toString());   // 输出 '17.2'
    let x = 6;
    console.log(x.toString(2));       // 输出 '110'
    console.log((254).toString(16));  // 输出 'fe'
    console.log((-10).toString(2));   // 输出 '-1010'
    console.log((-0xff).toString(2)); // 输出 '-11111111'
ログイン後にコピー
5.valueOf() メソッドは、Number オブジェクトでラップされたプリミティブ値を返します。

    /**
     * valueOf() 方法返回一个被 Number 对象包装的原始值
     * numObj.valueOf()
     *
     * 返回值：表示指定 Number 对象的原始值的数字
     */
    let number4 = new Number(10);
    console.log(typeof number4);  // object
    let num = number4.valueOf();
    console.log(num);            // 10
    console.log(typeof num);    // number
ログイン後にコピー

以上がJavaScript の Number オブジェクトの概要 (コード例)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
javascript
ソース：segmentfault.com
前の記事：JavaScript での Set オブジェクトの概要 (例付き) 次の記事：Reactの仮想domとdiffアルゴリズムの解説（コード付き）
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
NumberInput マウス ホイール処理はキャプチャ フェーズ イベント フィルタリングを無視します 非常に短いバージョン: ちょっと行き詰まっていて、なぜこのコードが実際にマウスホイールイベントをインターセプトして、数値エディターが数値を変更するために解釈するのを妨げるのかよくわ...
から 2024-04-05 12:21:04
0
1
1387
React: オブジェクトの配列へのインデックスとして状態を使用すると、チェックしたにもかかわらず未定義が返される 私は状態を持っており、それをオブジェクトの配列へのインデックスとして使用します。そのオブジェクトを小道具として他のコンポーネントに渡すとき。チェックを行っても、エラーが発生します:...
から 2024-04-03 14:12:42
0
1
267
Vue JS 2 のコンポーネントに静的プロパティを割り当てる VUEJS2 ドキュメントのコンポーネントに静的プロパティを渡すことについて少し混乱しています。 https://v2.vuejs.org/v2/guide/components-...
から 2024-04-02 23:34:59
0
1
421
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート