《五》ES6+ 中数值的扩展

本文介绍ES6及ES11中数字处理的增强功能,包括二进制和八进制表示法、长数字表示、Number对象的扩展方法如isFinite、isNaN、parseInt、parseFloat等,以及Math对象的新增方法如trunc、sign、cbrt,还有ES11引入的BigInt大整型数据类型。

Number 对象的扩展:

二进制和八进制表示法:

ES6 提供了二进制和八进制数值的新写法,分别用前缀 0b/0B0o/0O 表示。

const num1 = 100 // 100。十进制
const num2 = 0b100 // 4。二进制
const num2 = 0o100 // 64。八进制
const num2 = 0x100 // 256。十六进制

如果要将 0b0o 前缀的字符串数值转为十进制,可以使用 Number() 方法。

Number('0b111')  // 7
Number('0o10')  // 8

长数字表示:

ES12 开始,数字过长时,可以在数字的任意位置使用 _ 作为连接符,方便开发人员读写。

console.log(100_0000_0000)

请添加图片描述

Number.isFinite()

Number.isFinite() :用来检查一个数值是否是有限的。如果参数类型不是数值,一律返回 false。

它与传统的全局方法 isFinite() 的区别在于:isFinite() 先调用 Numer() 将非数值转为数值,再进行判断;而 Number.isFinite() 只对数值有效,对于非数值一律返回 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()

Number.isNaN():用来检查一个值是否为 NaN。如果参数类型不是 NaN,一律返回 false。

它与传统的全局方法 isNaN() 的区别在于:isNaN() 先调用 Numer() 将非数值转为数值,再进行判断;而 Number.isNaN() 只有对于 NaN 才返回 true,非 NaN 一律返回 false。

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

Number.parseInt()Number.parseFloat()

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

Number.parseInt():将字符串转化为整数。

Number.parseFloat():将字符串转化为浮点数。

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

// ES5的写法
parseInt('12.34') // 12
parseFloat('123.45#') // 123.45

// ES6的写法
Number.parseInt('12.34') // 12
Number.parseFloat('123.45#') // 123.45

Number.isInteger()

Number.isInteger():用来判断一个数值是否为整数。如果参数不是数值,一律返回 false。

Number.isInteger(25) // true
Number.isInteger(25.1) // false

Number.isInteger() // false
Number.isInteger(null) // false
Number.isInteger('15') // false
Number.isInteger(true) // false

JavaScript 内部,整数和浮点数采用的是同样的存储方法,所以 25 和 25.0 被视为同一个值。

Number.isInteger(25) // true
Number.isInteger(25.0) // true

安全整数和 Number.isSafeInteger()

JavaScript 能够准确表示的整数范围在-2^532^53之间(不含两个端点),超过这个范围,无法精确表示这个值。

Math.pow(2, 53) === Math.pow(2, 53) + 1 // true

ES6 引入了 Number.MAX_SAFE_INTEGERNumber.MIN_SAFE_INTEGER 这两个常量,用来表示这个范围的上下限。

Number.MAX_SAFE_INTEGER === Math.pow(2, 53) - 1 // true
Number.MAX_SAFE_INTEGER === 9007199254740991 // true

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

Number.EPSILON

ES6 在 Number 对象上面,新增一个极小的常量 Number.EPSILON,根据规定,它表示 1 与大于 1 的最小浮点数之间的差。

对于 64 位浮点数来说,大于 1 的最小浮点数相当于二进制的 1.00…001,小数点后面有连续 51 个零。这个值减去 1 之后,就等于 2 的 -52 次方。

Number.EPSILON === Math.pow(2, -52) // true

Math 对象的扩展:

ES6 在 Math 对象上新增了一些与数学相关的方法,所有这些方法都是静态方法,只能在 Math 对象上调用。

Math.trunc()

Math.trunc():用于去除一个数的小数部分,返回整数部分。

Math.trunc(4.1) // 4

对于非数值,Math.trunc() 方法内部使用 Number 方法将其先转为数值。

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

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

Math.trunc(NaN)     // NaN
Math.trunc('foo')   // NaN
Math.trunc()       // NaN
Math.trunc(undefined) // NaN

Math.sign()

Math.sign():用来判断一个数到底是正数、负数、还是零。它会返回五种值:

  1. 参数为正数,返回 +1。
  2. 参数为负数,返回 -1。
  3. 参数为 0,返回 0。
  4. 参数为 -0,返回 -0。
  5. 其他值,返回 NaN。
Math.sign(-5) // -1
Math.sign(5) // +1
Math.sign(NaN) // NaN

如果参数是非数值,会自动转为数值。对于那些无法转为数值的值,会返回 NaN。

Math.sign('')  // 0
Math.sign(true)  // +1
Math.sign(false)  // 0
Math.sign(null)  // 0
Math.sign('9')  // +1
Math.sign('foo')  // NaN
Math.sign()  // NaN
Math.sign(undefined)  // NaN

Math.cbrt()

Math.cbrt():用于计算一个数的立方根。

Math.cbrt(9) // 3

对于非数值,Math.cbrt() 方法内部也是先使用 Number() 方法将其转换为数值。

Math.cbrt('8') // 2
Math.cbrt('hello') // NaN

指数操作符 **

指数操作符 **,用来实现幂运算,功能与 Math.pow() 相同。

console.log(2 ** 10) // 1024
console.log(Math.pow(2, 10)) // 1024

BigInt 大整型数据类型:

在 JS 中,所有数字都以双精度 64 位浮点格式表示。在此标准下,无法精确表示的非常大的整数将自动四舍五入,任何超出 Number.MAX_SAFE_INTEGER 最大安全整数(90071992547409912^53-1)和 Number.MIN_SAFE_INTEGER 最小安全整数(-9007199254740991-(2^53-1))范围的整数值都可能失去精度。

console.log(9999999999999999) // 10000000000000000
9007199254740992 === 9007199254740993  // true

ES11 引入了 BigInt 类型,目的是支持比 Number 数据类型范围更大的整数值。要创建 BigInt,只需在整数的末尾追加 n 即可,或者可以调用 BigInt() 构造函数。

console.log(9007199254740995n)  // 9007199254740995n
BigInt("9007199254740995")  // 9007199254740995n

BigInt 也可以用二进制、八进制或十六进制表示。

console.log(0x20000000000003n) // 9007199254740995n

不能使用全等运算符将 BigInt 与常规数字进行比较,因为它们的类型不同;但是可以使用相等运算符,因为它会在处理操作数之前执行隐式类型转换。

console.log(10n === 10) // false
console.log(10n == 10) // true

不能使用 Number 和 BigInt 操作数的混合执行算术运算,需要通过显式转换其中的一种类型。

console.log(10n + 1) // Uncaught TypeError: Cannot mix BigInt and other types, use explicit conversions
console.log(10n + BigInt(1)) // 11n
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值