Heim > Web-Frontend > js-Tutorial > Hauptteil

Einführung in das Number-Objekt in JavaScript (Codebeispiel)

不言
Freigeben: 2018-10-18 16:56:22
nach vorne
2350 Leute haben es durchsucht

Dieser Artikel bietet Ihnen eine Einführung in das Number-Objekt in JavaScript (Codebeispiele). Ich hoffe, dass er Ihnen als Referenz dienen wird.

1. Zahleninstanzobjekt erstellen

    /**
     * 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
Nach dem Login kopieren

2. Zahlenstatisches Attribut

1.Number.EPSILON-Attribut

stellt die Differenz zwischen 1 und dem Mindestwert größer als 1 dar (kann als Zahl ausgedrückt werden). Der Wert des EPSILON-Attributs liegt nahe bei 2,2204460492503130808472633361816E-16 oder 2^(-52)

    let x = 0.2;
    let y = 0.3;
    let z = 0.1;
    let equal = (Math.abs(x - y + z) < Number.EPSILON); //true
Nach dem Login kopieren

2.Number .MAX_SAFE_INTEGER-Attribut

-Konstante stellt die maximale sichere Ganzzahl (maxinum sichere Ganzzahl) in JavaScript dar (2^53 - 1)

3.Number.MAX_VALUE-Attribut

stellt den Maximalwert dar, der in JavaScript dargestellt werden kann, nahe bei 1,79E+308. Werte größer als MAX_VALUE stellen „Unendlich“ dar.

4.Number.MIN_SAFE_INTEGER-Attribut

stellt dar Kleinster sicherer Wert in JavaScript. Zahl vom Typ Ganzzahl (-(2^53 - 1))

5.Number.MIN_VALUE-Attribut

stellt den kleinsten positiven Wert dar, der in JavaScript ausgedrückt werden kann, den Wert beträgt etwa 5e-324, Werte kleiner als MIN_VALUE („Unterlaufwerte“) werden in 0 konvertiert

6.Number.NEGATIVE_INFINITY-Attribut

stellt negative Unendlichkeit dar und sein Wert ist Entspricht dem negativen Wert des Infinity-Attributs des globalen Objekts

7.Number.NaN-Attribut

bedeutet „Not-A-Number“, was dasselbe ist wie globales NaN

8.Number.POSITIVE_INFINITY-Attribut

stellt positive Unendlichkeit dar, sein Wert ist derselbe wie der Wert der Infinity-Eigenschaft des globalen Objekts

9.Number.prototype-Eigenschaft

stellt den Prototyp des Number-Konstruktors dar, und alle Number-Instanzen erben von Number .prototype. Das Ändern des Prototypobjekts des Number-Konstruktors wirkt sich auf alle Number-Instanzen aus

3. Statische Number-Methode

1. Die Methode Number.isFinite() wird verwendet, um zu erkennen, ob der eingehende Parameter eine endliche Zahl ist.

    /**
     * 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
Nach dem Login kopieren

2.Die Methode Number.isInteger() wird verwendet, um zu bestimmen, ob der angegebene Parameter eine ist integer

    /**
     * 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
Nach dem Login kopieren

3.Number.isNaN()-Methode Bestimmen Sie, ob der übergebene Wert NaN ist und sein Typ Number ist

    /**
     * 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
Nach dem Login kopieren

4.Number.isSafeInteger()-Methode wird verwendet, um zu bestimmen, ob der übergebene Wert vorliegt Parameterwert ist eine „sichere Ganzzahl“ (sichere Ganzzahl)

    /**
     * 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
Nach dem Login kopieren

5.Die Methode Number.parseFloat() kann eine Zeichenfolge in eine Gleitkommazahl analysieren. Diese Methode ist die gleiche wie die globale Funktion 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
Nach dem Login kopieren

6. Die Methode Number.parseInt() kann eine Zeichenfolge basierend auf der angegebenen Basiszahl analysieren. Diese Methode ist dieselbe wie die globale parseInt()-Funktion

    /**
     * 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
Nach dem Login kopieren

4. Die Zahleninstanzmethode

1.toExponential()-Methode gibt die Zeichenfolgendarstellung des Werts in zurück Exponentialnotation 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
Nach dem Login kopieren

2.toFixed()-Methode verwendet Festkommadarstellung, um eine Zahl zu formatieren

    /**
     * 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" (若用括号提高优先级,则返回字符串)
Nach dem Login kopieren

3.toPrecision()-Methode gibt eine Zeichenfolgendarstellung des numerischen Objekts mit der angegebenen Genauigkeit zurück

    /**
     * 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"
Nach dem Login kopieren

4.toString()-Methode gibt die Zeichenfolgendarstellung des angegebenen Number-Objekts zurück

    /**
     * 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'
Nach dem Login kopieren

5.valueOf()-Methode gibt einen primitiven Wert zurück, der von einem Number-Objekt umschlossen ist

    /**
     * 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
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonEinführung in das Number-Objekt in JavaScript (Codebeispiel). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:segmentfault.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage