7-数值的扩展

头像
草莓酱少女
    阅读 6 分钟

    1.二进制八进制

    二进制:前缀0b:0b111110111 === 503
    八进制:前缀0o:0o767 === 503

    2.Number.isFinite(),Number.isNaN()

    Number.isFinite():检查数值是否为有限的,Infinity和非数值类型都返回false

    Number.isFinite(15); // true
Number.isFinite(0.8); // true
Number.isFinite(NaN); // false
Number.isFinite(Infinity); // false
Number.isFinite(-Infinity); // false
Number.isFinite('foo'); // false
Number.isFinite('15'); // false
Number.isFinite(true); // false

    Number.isNaN():检查数值是否为NaN,参数类型不是NaN返回false

    Number.isNaN(NaN) // true
Number.isNaN(15) // false
Number.isNaN('15') // false
Number.isNaN(true) // false
Number.isNaN(9/NaN) // true
Number.isNaN('true' / 0) // true
Number.isNaN('true' / 'true') // true

    区别于传统的isFinite()和isNaN()
    isFinite()和isNaN()会先调用Number(),转为数字,再判断
    Number.isFinite(),Number.isNaN()只对数字有效,不转化

    3.Number.parseInt(),Number.parseFloat()

    ES6 将全局方法parseInt()和parseFloat()，移植到Number对象上面，行为完全保持不变。
    这样做的目的，是逐步减少全局性方法，使得语言逐步模块化。

    Number.parseInt === parseInt // true
Number.parseFloat === parseFloat // true

    4.Number.isInteger()

    Number.isInteger():判断一个数是否为整数,非数值和浮点数返回false
    (js内部,整数和浮点数采用同样的储存方法,所以25.0等同于25)
    注意:
    1.由于 JavaScript 采用 IEEE 754 标准，数值存储为64位双精度格式，
    数值精度最多可以达到 53 个二进制位（1 个隐藏位与 52 个有效位）。
    如果数值的精度超过这个限度，第54位及后面的位就会被丢弃，
    这种情况下，Number.isInteger可能会误判。
    2.如果一个数值的绝对值小于Number.MIN_VALUE（5E-324），
    即小于 JavaScript 能够分辨的最小值，会被自动转为 0。
    这时，Number.isInteger也会误判。

    Number.isInteger(3.0000000000000002) // true

    所以:如果对数据精度的要求较高，不建议使用Number.isInteger()判断一个数值是否为整数。

    5.Number.EPSILON

    js能表示的最小精度.目的在于为浮点数计算，设置一个能够接受的误差范围。

    误差范围设为 2 的-50 次方（即Number.EPSILON * Math.pow(2, 2)），
即如果两个浮点数的差小于这个值，我们就认为这两个浮点数相等。
0.1 + 0.2
// 0.30000000000000004
0.1 + 0.2 - 0.3
// 5.551115123125783e-17
5.551115123125783e-17.toFixed(20)
// '0.00000000000000005551'
5.551115123125783e-17 < Number.EPSILON * Math.pow(2, 2)
// true

    6.Number.isSafeInteger()

    Number.MAX_SAFE_INTEGER,Number.MIN_SAFE_INTEGER:用来表示整数范围在-2^53到2^53的上下限
    Number.isSafeInteger()则是用来判断一个整数是否落在这个范围之内。

    Number.isSafeInteger('a') // false
Number.isSafeInteger(null) // false
Number.isSafeInteger(NaN) // false
Number.isSafeInteger(Infinity) // false
Number.isSafeInteger(-Infinity) // false

Number.isSafeInteger(3) // true
Number.isSafeInteger(1.2) // false
Number.isSafeInteger(9007199254740990) // true
Number.isSafeInteger(9007199254740992) // false

Number.isSafeInteger(Number.MIN_SAFE_INTEGER - 1) // false
Number.isSafeInteger(Number.MIN_SAFE_INTEGER) // true
Number.isSafeInteger(Number.MAX_SAFE_INTEGER) // true
Number.isSafeInteger(Number.MAX_SAFE_INTEGER + 1) // false

    7.Math对象的扩展

    Math.trunc()去除小数,返回整数

    Math.trunc(4.9) // 4
Math.trunc(-4.9) // -4
Math.trunc(-0.1234) // -0

    非数值先进行转化

    Math.trunc('123.456') // 123
Math.trunc(true) //1
Math.trunc(false) // 0
Math.trunc(null) // 0

    空值和无法截取整数的值,返回NaN

    Math.trunc("abc123") //NaN
Math.trunc(NaN); //NaN
Math.trunc(); //NaN
Math.trunc(undefined) //NaN

    es5模拟:

    Math.trunc = Math.trunc||function(x){
    return x<0?Math.ceil(x):Math.floor(x)
}
Math.ceil()为向上取整,小数部分为0时数字保持不变
Math.floor()为向下取整,小数部分为0时数字保持不变

    Math.sign()

    判断一个数是正数,负数,还是0,非数值会转化成数值
    返回5个值:
    参数为正数:返回+1
    参数为负数:返回-1
    参数为0:返回0
    参数为-0:返回-0
    参数为其他:返回NaN
    es5模拟:

    Math.sign = Math.sign||function(x){
    x = +x
    if(x === 0||isNaN(x)){
        return x
    }
    return x>0?1:-1
}

    Math.cbrt()

    计算立方根,非数值会转化成数值
    es5模拟:

    Math.cbrt=Math.cbrt||function(x){
    var y = Math.pow(Math.abs(x),1/3)
    return x<0?-y:y
}
Math.pow(x,y)=>x的y次幂
Math.abs(x)=>绝对值

    Math.clz32()

    将参数转化为32位无符号整数,返回这个32位值里多少个前导0

    Math.clz32(0) // 32
Math.clz32(1) // 31
Math.clz32(1000) // 22
Math.clz32(0b01000000000000000000000000000000) // 1
Math.clz32(0b00100000000000000000000000000000) // 2
Math.clz32() // 32
Math.clz32(NaN) // 32
Math.clz32(Infinity) // 32
Math.clz32(null) // 32
Math.clz32('foo') // 32
Math.clz32([]) // 32
Math.clz32({}) // 32
Math.clz32(true) // 31

    不考虑小数部分

    Math.clz32(3.2) // 30
Math.clz32(3.9) // 30

    Math.imul()

    针对于很大数的乘法,返回2个数以 32 位带符号整数相乘的结果

    (0x7fffffff * 0x7fffffff)|0 // 0
上面这个乘法算式，返回结果为 0。
但是由于这两个二进制数的最低位都是 1，
所以这个结果肯定是不正确的，
因为根据二进制乘法，
计算结果的二进制最低位应该也是 1。
这个错误就是因为它们的乘积超过了 2 的 53 次方，
JavaScript 无法保存额外的精度，
就把低位的值都变成了 0。
Math.imul方法可以返回正确的值 1。

Math.imul(0x7fffffff, 0x7fffffff) // 1

    Math.fround()

    返回一个数的32位单精度浮点数形式。
    Math.fround方法的主要作用，是将64位双精度浮点数转为32位单精度浮点数。如果小数的精度超过24个二进制位，返回值就会不同于原值，否则返回值不变（即与64位双精度值一致）。

    // 未丢失有效精度
Math.fround(1.125) // 1.125
Math.fround(7.25)  // 7.25

// 丢失精度
Math.fround(0.3)   // 0.30000001192092896
Math.fround(0.7)   // 0.699999988079071
Math.fround(1.0000000123) // 1

    es5:

    Math.fround = Math.fround || function (x) {
  return new Float32Array([x])[0];
};

    Math.hypot()

    返回所有参数的平方和的平方根,非数值会转化成数值

    Math.hypot(3, 4);        // 5
Math.hypot(3, 4, 5);     // 7.0710678118654755
Math.hypot();            // 0
Math.hypot(NaN);         // NaN
Math.hypot(3, 4, 'foo'); // NaN
Math.hypot(3, 4, '5');   // 7.0710678118654755
Math.hypot(-3);

    3的平方+4的平方=5的平方
    无法转为数值,返回NaN

    对数方法

    Math.expm1()
    Math.log1p()
    Math.log10()
    Math.log2()
    详情

    双曲函数方法

    Math.sinh(x) 返回x的双曲正弦（hyperbolic sine）
    Math.cosh(x) 返回x的双曲余弦（hyperbolic cosine）
    Math.tanh(x) 返回x的双曲正切（hyperbolic tangent）
    Math.asinh(x) 返回x的反双曲正弦（inverse hyperbolic sine）
    Math.acosh(x) 返回x的反双曲余弦（inverse hyperbolic cosine）
    Math.atanh(x) 返回x的反双曲正切（inverse hyperbolic tangent）
    详情

    8.指数运算符 **

    2 ** 2 // 4
2 ** 3 // 8

    这个运算符的一个特点是右结合，而不是常见的左结合

    // 相当于 2 ** (3 ** 2) =>2**9 
2 ** 3 ** 2  // 512

    新赋值运算符:**=

    let a = 1.5
a **= 2   //a=2.25

let b = 4;
b **= 3;  //b = 64

    9.BigInt

    es第8种数据类型,只用来表示整数,没有位数限制,不等于普通整数,要加后缀n,typeof返回bigint
    解决:
    1.超过 53 个二进制位的数值,无法保持精度.
    2.超过 2 的 1024 次方的数值,无法表示.

    1234 // 普通整数
1234n // BigInt

// BigInt 的运算
1n + 2n // 3n

42n === 42 // false

typeof 123n // 'bigint'

-42n // 正确
+42n // 报错

let p = 1n;
for (let i = 1n; i <= 70n; i++) {
  p *= i;
}
console.log(p); // 11978571...00000000n

    BigInt对象

    js提供原生BigInt对象,可以用作构造函数生成BigInt类型的数值,可以将其他类型转为BigInt

    BigInt(123) //123n
BigInt('123') // 123n
BigInt(false) // 0n
BigInt(true) // 1n

    BigInt()构造函数必须有参数,且能转为数值,否则报错

    new BigInt() // TypeError
BigInt(undefined) //TypeError
BigInt(null) // TypeError
BigInt('123n') // SyntaxError  //无法转为number类型
BigInt('abc') // SyntaxError
BigInt(1.5) // RangeError  //小数也会报错
BigInt('1.5') // SyntaxError  //小数也会报错

    BigInt对象继承了Object对象的2个实例方法

    • BigInt.prototype.toString()
    • BigInt.prototype.valueOf()

    BigInt对象继承了Number对象的1个实例方法

    • BigInt.prototype.toLocalString()

    三个静态方法

    • BigInt.asUintN(width, BigInt)： 给定的 BigInt 转为 0 到 2width - 1 之间对应的值。
    • BigInt.asIntN(width, BigInt)：给定的 BigInt 转为 -2width - 1 到 2width - 1 - 1 之间对应的值。
    • BigInt.parseInt(string[, radix])：近似于Number.parseInt()，将一个字符串转换成指定进制的 BigInt。
    max是64位带符号的 BigInt 所能表示的最大值
const max = 2n ** (64n - 1n) - 1n;

BigInt.asIntN(64, max)
// 9223372036854775807n
BigInt.asIntN(64, max + 1n)
// -9223372036854775808n
BigInt.asUintN(64, max + 1n)
// 9223372036854775808n

    转换规则

    可以使用Boolean(),Number(),String(),(!)取反进行转换

    Boolean(0n) // false
Boolean(1n) // true
Number(1n)  // 1
String(1n)  // "1"
!0n //true
!1n // false

    数字运算

    几乎所有的数值运算符都可以用在 BigInt，但是有两个例外

    • 不带符号的右移位运算符>>>
    • 一元的求正运算符+

    BigInt 不能与普通数值进行混合运算

    1n + 1.3 // 报错

    如果一个标准库函数的参数预期是 Number 类型，但是得到的是一个 BigInt，就会报错

    // 错误的写法
Math.sqrt(4n) // 报错

// 正确的写法
Math.sqrt(Number(4n)) // 2

    其他运算

    0n会转为false，其他值转为true
    BigInt 与字符串混合运算时，会先转为字符串，再进行运算。

    ecmascript-6
    草莓酱少女
    6 声望1 粉丝
    « 上一篇
    5-字符串新增方法
    下一篇 »
    8-函数的扩展

    引用和评论

    推荐阅读
    头像
    9-数组的扩展

    草莓酱少女赞 1阅读 1.4k

    头像
    webpack的入门教程

    小蚊酱赞 2阅读 2.1k

    头像
    一个由于前端缺少 encodeURIComponent 引起的登录问题的分析和解决

    注销赞 1阅读 935

    头像
    `Object.hasOwn` 检查对象是否包含某一属性参数

    tiee赞 1阅读 2.8k评论 2

    头像
    ES6, Angular,React和ABAP中的String Template（字符串模板）

    注销阅读 2.2k

    头像
    使用 HTTP PUT, PATCH 以及 MERGE 请求消费 SAP ABAP OData 服务修改操作的实现及其区别试读版

    注销阅读 1.6k

    头像
    什么是 SAP HANA Code-to-Data 编程模型

    注销阅读 1.3k

    0 条评论
    得票最新