ES6学习第六章数值的扩展

番茄西红柿发布于2021-11-29 10:50 / 3029人阅读

摘要：前言本章介绍数值的扩展。本章原文链接数值的扩展进制表示法提供了二进制和八进制数值的新的写法，分别用前缀或和或表示。科学计数法里面，表示指数的或前后不能有分隔符。函数返回数值的双曲余弦函数可用表示。与数值的类型不同。

前言

本章介绍数值的扩展。新增了很多方法，有些不常用的方法了解即可。
本章原文链接：数值的扩展

进制表示法

ES6 提供了二进制和八进制数值的新的写法，分别用前缀0b（或0B）和0o（或0O）表示。
八进制就不再允许使用前缀0表示。
0b和0o前缀的字符串数值转为十进制，要使用Number方法。

console.log(Number(0b10));  // 二进制 2console.log(Number(0o10));  // 八进制 8

数值分隔符

ES2021，允许 JavaScript 的数值使用下划线（_）作为分隔符。
数值分隔符主要为了书写数值时增加数值的可读性，不是为了处理外部输入的数据，对于 JavaScript 内部数值的存储和输出，并没有影响。

注意:

不能放在数值的最前面（leading）或最后面（trailing）。
不能两个或两个以上的分隔符连在一起。
小数点的前后不能有分隔符。
科学计数法里面，表示指数的e或E前后不能有分隔符。
分隔符不能紧紧跟着进制的前缀
字符串转数值的一些操作方法不支持数值分隔符

其它进制也能使用数值分隔符

const sample10 = 1000_1000_1000;const sample2 = 0b1000_1000;const sample8 = 0o1000_1000;console.log(sample10);  // 十进制  100010001000console.log(sample2);  // 二进制  136console.log(sample8);  // 八进制  2097664

注意：Number()、parseInt()、parseFloat()不支持数字分隔符

数值的方法

Number.isFinite(), Number.isNaN()

ES6 在Number对象上，新提供了Number.isFinite()和Number.isNaN()两个方法。

Number.isFinite()用来检查一个数值是否为有限的数字（finite），即不是Infinity。
Number.isNaN()用来检查一个数值是否为NaN。

注意：
两个新方法与之前全局方法isFinite、isNaN有什么不同呢？

而这两个新方法只对数值有效，
传统方法先调用Number()将非数值的值转为数值，再进行判断，

isFinite(25) // trueisFinite("25") // trueNumber.isFinite(25) // trueNumber.isFinite("25") // falseNumber.isFinite(Infinity); // falseNumber.isFinite(-Infinity); // falseisNaN(NaN) // trueisNaN("NaN") // trueNumber.isNaN(NaN) // trueNumber.isNaN("NaN") // false

Number.parseInt(), Number.parseFloat()

ES6 将全局方法parseInt()和parseFloat()，移植到Number对象上面，行为完全保持不变。主要是用于全局变量的模块化

parseInt() 函数解析字符串并返回整数。
parseFloat() 函数解析字符串并返回浮点数。

// ES5的全局方法const sampleInt = parseInt(11.11);const sampleFloat = parseFloat(1a2b3c);// ES6的Number方法const sampleInt1 = Number.parseInt(11.11);const sampleFloat1 = Number.parseFloat(1a2b3c);console.log(sampleInt, sampleFloat);  // 11, 1console.log(sampleInt1, sampleFloat1);  // 11, 1

Number.isInteger()

Number.isInteger()方法用来判断给定的参数是否为整数。

注意：

由于整数和浮点数采用的是同样的储存方法，所以 4 和 4.0 被视为同一个值。都为整数
参数需要为数值，参数不是数值，Number.isInteger()直接返回false。
由于 JavaScript 数值精度最多可以达到 53 个二进制位，如果数值的精度超过这个限度，第54位及后面的位就会被丢弃，会导致Number.isInteger可能会误判。绝对值也是如此。

const sample1 = Number.isInteger(44);const sample2 = Number.isInteger(44.00); // 相当于 44 const sample3 = Number.isInteger(44);  // 非数值直接返回falseconst sample4 = Number.isInteger(44.0000000000000000987654321); // 误判为trueconsole.log(sample1, sample2, sample3, sample4);  // true, true, false, true

数值新增常量

Number.EPSILON

ES6 在Number对象上面，新增一个极小的常量Number.EPSILON。它表示 1 与大于 1 的最小浮点数之间的差。
对于 64 位浮点数来说，大于 1 的最小浮点数相当于二进制的1.00..001（小数点后面有连续 51 个零），这个值减去 1 之后，就等于 2 的 -52 次方。
Number.EPSILON 实际上是 JavaScript 能够表示的最小精度。
Number.EPSILON 实质是一个可以接受的最小误差范围。

const sample = Number.EPSILON === Math.pow(2, -52);console.log(sample); // const sample1 = Number.EPSILON;console.log(sample1); // const sample2 = Number.EPSILON.toFixed(20);console.log(sample2); //

安全整数和 Number.isSafeInteger()

JavaScript 能够准确表示的整数范围在-2^53到2^53之间（不含两个端点），超过这个范围，无法精确表示这个值。
ES6 引入了Number.MAX_SAFE_INTEGER和Number.MIN_SAFE_INTEGER这两个常量，用来表示-2^53到2^53上下限。

const sample = Number.MAX_SAFE_INTEGER === 9007199254740991;const sample1 = Number.MIN_SAFE_INTEGER === -Number.MAX_SAFE_INTEGER;const sample2 = Number.MIN_SAFE_INTEGER === -9007199254740991;console.log(sample,sample1,sample2);

Number.isSafeInteger()用来判断一个整数是否落在这个范围之内，对于非整数，全部返回false

const sample = Number.isSafeInteger(44);   // 整数const sample1 =Number.isSafeInteger(44.001);  // 非整数const sample3 =Number.isSafeInteger(9007199254740990);const sample3 =Number.isSafeInteger(9007199254740992);console.log(sample,sample1,sample2,sample3); // true, false, true, false

Math 对象的扩展

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

Math.trunc() - 取整。
Math.sign() - 判断数字是正数、负数、还是零。
Math.cbrt() - 计算一个数的立方根
Math.clz32() - 计算一个数的 32 位二进制形式的前导 0 的个数。
Math.imul() - 计算两个参数的类 C 32 位乘法的。
Math.fround() - 返回一个数的32位单精度浮点数形式。
Math.hypot() - 返回所有参数的平方和的平方根。
Math.expm1() - 返回 ex - 1,x为参数
Math.log1p() - 返回参数 + 1 后的自然对数
Math.log10() - 返回以 10 为底的参数对数
Math.log2() - 返回以 2 为底的参数对数
Math.sinh() - 函数返回一个数字(单位为角度)的双曲正弦值。
Math.cosh() - 函数返回数值的双曲余弦函数。
Math.tanh() - 函数将会返回一个数的双曲正切函数值。
Math.asinh() - 函数返回给定数字的反双曲正弦值。
Math.acosh() - 返回一个数字的反双曲余弦值。
Math.atanh() - 函数返回一个数值反双曲正切值。

Math.trunc()

Math.trunc() 方法会将数字的小数部分去掉，只保留整数部分，是一个取整操作。
Math 中有三个方法： Math.floor()、Math.ceil()、Math.round()，也是用于取整操作。

Math.floor()向下取整；
Math.ceil()向上取整；
Math.round()进行四舍五入操作。
Math.trunc()去除小数部分，只保留整数部分。

const sample = Math.trunc(4.9); // 去掉小数位保留整数位const sample1 = Math.trunc(4.4);  // 其它数据类型先调用Number转化为数值类型const sample2 = Math.trunc(12.a); // 不能正确转化为数值类型返回NaNconsole.log(sample, sample1,sample2); // 4, 4 ,NaN

Math.sign()

Math.sign()判断一个数到底是正数、负数、还是零。对于非数值，会先将其转换为数值。
5种返回值, 分别是 1, -1, 0, -0, NaN. 代表的各是正数, 负数, 正零, 负零, NaN。

参数为正数，返回+1；
参数为负数，返回-1；
参数为 0，返回0；
参数为-0，返回-0;
其他值，返回NaN。

const sample = Math.sign(-4);  // -1 负数const sample1 = Math.sign(4);  // 1 正数const sample2 = Math.sign(0);  // 0 0const sample3 = Math.sign(-0);  // -0 -0const sample4 = Math.sign(a);  // NaN  非数值console.log(sample, sample1, sample2, sample3, sample4); // -1, 1, 0, -0, NaN

Math.cbrt()

在数学上 : 如果x³=a，那么x叫做a的立方根。
Math.cbrt()计算一个数的立方根

const sample = Math.cbrt(-1);const sample1 = Math.cbrt(8);const sample2 = Math.cbrt(0);  // 0的立方根是0const sample3 = Math.cbrt(-0);const sample4 = Math.cbrt(a);  // 非数值类型先调用Number转化为数值类型console.log(sample, sample1, sample2, sample3, sample4); // -1, 2, 0, -0, NaN

Math.clz32()

Math.clz32()函数返回参数转化为 32 位无符号整数数字二进制开头的 0 的个数,
对于空值或其他类型的值，Math.clz32方法会将它们先转为数值，然后再计算。

注意

Math.clz32()对于小数，只考虑整数部分
<< 运算符把【要位移的数字】的所有位向左移【位移位数】指定的位数。
result =【要位移的数字】 << 【位移位数】

const sample = Math.clz32();  // 空转化为数值为 0 const sample1 = Math.clz32(1 << 29);  // 左位移运算符改变const sample2 = Math.clz32(44.7); // 只考虑整数部分const sample3 = Math.clz32(true);  // 转化为数值为 1 const sample4 = Math.clz32(a);  // 非数值类型先调用Number转化为数值类型console.log(sample, sample1, sample2, sample3, sample4); // 32, 2, 26, 31, 32

Math.imul()

Math.imul()方法将两个参数分别转换为 32 位整数，相乘后返回 32 位的带符号整数。
JavaScript 有精度限制，使得超过 2 的 53 次方的值无法精确表示。Math.imul()方法可以返回正确的低位数值。

const sample = Math.imul(-1, 8.9);  // 参数有小数会先转化为整数const sample1 = Math.imul(0xffffffff, 5); //  下面的参数它们的乘积超过了 2 的 53 次方也能正确显示const sample2 = Math.imul(0x7fffffff, 0x7fffffff); console.log(sample, sample1, sample2); // -8, -5, 1

Math.fround()

Math.fround() 可以将任意的数字转换为32位单精度浮点数形式。
JavaScript 内部使用64位的双浮点数字，支持很高的精度。对于32位单精度格式来说，数值精度是24个二进制位（1 位隐藏位与 23 位有效位）

注意

如果参数的绝对值大于224，返回的结果便开始丢失精度。
对于 NaN 和 Infinity，此方法返回原值
对于其它非数值，Math.fround 方法先将其转为数值，再返回单精度浮点数。

const sample = Math.fround(99); const sample1 = Math.fround(0.7); // 丢失精度const sample2 = Math.fround(5);const sample3 = Math.fround(Infinity);console.log(sample, sample1, sample2, sample3); // 输出 99, 0.699999988079071, 5, Infinity

Math.hypot()

Math.hypot()函数返回所有参数的平方和的平方根。

const sample = Math.hypot(3, 4); // 2*2 + 2*2 的平方根const sample1 = Math.hypot(); // 0 空转化为数值为 0 const sample2 = Math.hypot(-9);const sample3 = Math.hypot(Infinity);  // 非数值类型先转化为数值类型const sample4 = Math.hypot(1, 2, a); // 只要有一个参数无法转为数值，就会返回 NaN。console.log(sample, sample1, sample2, sample3, sample4); // 5, 0, 9, Infinity, NaN

对数方法

Math.expm1()

Math.expm1()返回 e**x** - 1，即Math.exp(x) - 1其中 x 是该函数的参数, e 是自然对数的底数

const sample = Math.expm1(-38);const sample1 = Math.expm1(0);const sample2 = Math.expm1(1);const sample3 = Math.expm1(a);console.log(sample, sample1, sample2, sample3); // -1, 0, 1.718281828459045, NaN

Math.log1p()

Math.log1p()方法返回参数 + 1 后的自然对数，(底为 e),即Math.log(1 + x)。

const sample = Math.log1p(-2); // 参数小于 -1 返回 NaNconst sample1 = Math.log1p(-1); // -1 + 1 = 0 返回 - Infinity 0没有对数const sample2 = Math.log1p(0); // 0 + 1 = 1 1 的对数是 0const sample3 = Math.log1p(a);console.log(sample, sample1, sample2, sample3); // NaN， -Infinity， 0， NaN

Math.log10()

Math.log10()返回以 10 为底的参数对数

const sample = Math.log10(-2); // 参数小于 0 返回 NaNconst sample1 = Math.log10(1); // 1 的对数是 0const sample2 = Math.log10(10); // 转化为数值类型const sample3 = Math.log10(a);console.log(sample, sample1, sample2, sample3); // NaN, 0, 1, NaN

Math.log2()

Math.log10() 和 Math.log2() 类似，一个以 10 为底，一个以 2 为底
Math.log2() 返回以 2 为底的参数对数

const sample = Math.log2(-2); // 参数小于 0 返回 NaNconst sample1 = Math.log2(1); // 1 的对数是 0const sample2 = Math.log2(1024); // 转化为数值类型const sample3 = Math.log2(a);console.log(sample, sample1, sample2, sample3); // NaN, 0, 10, NaN

双曲函数方法

ES6 新增了 6 个双曲函数方法。

Math.sinh() 函数返回一个数字(单位为角度)的双曲正弦值。
Math.cosh() 函数返回数值的双曲余弦函数, 可用constant e表示。
Math.tanh() 函数将会返回一个数的双曲正切函数值。
Math.asinh() 函数返回给定数字的反双曲正弦值。
Math.acosh() 返回一个数字的反双曲余弦值。
Math.atanh() 函数返回一个数值反双曲正切值。

BigInt 数据类型

描述

ES2020 引入了一种新的数据类型 BigInt，这是 ECMAScript 的第八种数据类型。
BigInt 只用来表示整数，没有位数的限制，任何位数的整数都可以精确表示。
BigInt 数据类型的目的是比Number数据类型支持的范围更大的整数值。

注意

BigInt 也可以使用各种进制表示，都要加上后缀 n 。
BigInt 与Number 数值的类型不同。
BigInt 除一元加号(+)运算符外，BigInt 可以使用所有运算符。
BigInt 也可以转化为其它数据类型。
BigInt 不能与普通数值进行混合运算。

const sample = 99999999999999999999n; // 可以表示任意长度的整数const sample1 = 999n + 999n * 99n / 99n - 99n; // 可以使用除一元加号外所有运算符const sample2 = 0o777n + 0b1101n;  // 可以使用各种进制来表示const sample3 = String(1n); // 转化为其他类型数据 n会消失console.log(sample); // 99999999999999999999nconsole.log(sample1); // 1899nconsole.log(sample2); // 524nconsole.log(sample3); // 1const sample4 = 10n + 10; // 直接报错 不能与普通数值进行混合运算。

BigInt 函数

JavaScript 原生提供 BigInt 函数，将其他类型的值转为 BigInt 类型。与 Number() 一致

注意

参数不能为空。
参数不能为小数。
参数必须能正常转化为数值。

const sample = BigInt(44);  const sample1 = BigInt(490);  // 可以正确转换console.log(sample); // 44nconsole.log(sample1); // 490n// 下面全部报错const sample2 = BigInt(undefined);const sample3 = BigInt(44a); // 转化为数值为 NaNconst sample4 = BigInt(1.1); // 参数为小数报错const sample5 = BigInt();  // 为空

GPU云服务器云服务器第六章第六章linux磁盘操作第六章数据库及应用教案 es6字符串扩展

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/125483.html

【译】 WebSocket 协议第六章——发送与接收消息（Sending and Receiving

摘要：概述本文为协议的第六章，本文翻译的主要内容为消息发送与接收相关内容。在这一帧中的应用数据被定义为消息的数据。接下来的数据帧必须是属于一条新的消息。像第节中说的那样，服务端在收到客户端的数据帧时必须去除掩码。概述本文为 WebSocket 协议的第六章，本文翻译的主要内容为 WebSocket 消息发送与接收相关内容。发送与接收消息（协议正文） 6.1 发送数据为了通过 WebS...

BenCHou 2019-08-23 15:21 评论0 收藏0
《深入理解ES6》笔记——导读

摘要：最近买了深入理解的书籍来看，为什么学习这么久还要买这本书呢主要是看到核心团队成员及的创造者为本书做了序，作为一个粉丝，还是挺看好这本书能给我带来一个新的升华，而且本书的作者也非常厉害。使用ES6开发已经有1年多了，以前看的是阮一峰老师的ES6教程，也看过MDN文档的ES6语法介绍。最近买了《深入理解ES6》的书籍来看，为什么学习ES6这么久还要买这本书呢？主要是看到Daniel A...

Godtoy 2019-08-20 18:01 评论0 收藏0

发表评论

登陆后可评论

0条评论

番茄西红柿

男|高级讲师

我要关注我要私信

TA的文章

tensor

阅读 716·2023-04-25 19:43
Windows 下安装 XGBoost

阅读 3912·2021-11-30 14:52
Hadoop 2.6.0 启动问题 lib/native/libhadoop.so which mi

阅读 3788·2021-11-30 14:52
VmShell：黑五美国VPS,免费先开通测试,满意后付款!支持tiktok美区

阅读 3856·2021-11-29 11:00
百度智能云：云产品特惠福利,1核2G轻量应用服务器仅48元/年

阅读 3786·2021-11-29 11:00
Linux系统和宝塔面板如何启用禁ping功能?

阅读 3872·2021-11-29 11:00
301重定向怎么做?301重定向设置方法有几种

阅读 3560·2021-11-29 11:00
wordpress网站重定向次数过多的解决方法

阅读 6111·2021-11-29 11:00

资讯专栏INFORMATION COLUMN

上云采购季！| 2核2G4M爆款云服务器低至59元/年，更有多台、长期优惠，快来选购！

ES6学习 第六章 数值的扩展

前言