ECMAScript 6之数值的扩展

最新推荐文章于 2024-06-19 13:06:18 发布
最新推荐文章于 2024-06-19 13:06:18 发布
阅读量649 收藏
点赞数
分类专栏： ECMAScript 6 文章标签： javascript js es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41863849/article/details/104498544
版权

ECMAScript 6之数值的扩展

目录

1. 二进制和八进制的表示

ES6 提供了二进制和八进制数值的新的写法，分别用前缀0b（或0B）和0o（或0O）表示。

// 数值转为二进制字符
(369).toString(2); // "101110001"
// 数值转为八进制字符
369..toString(8); // "561"

// 二进制用0b或oB表示
0b101110001 === 369; // true
0B101110001 === 369; // true

// 八进制用0o或0O表示
0o561 === 369; // true
0O561 === 369; // true

上面代码中，数值369没有直接调用toString()方法，如果不加括号直接调用toString()，这个点会被 JavaScript 引擎解释成小数点，从而报错。有以下方法可以避免这个问题。

  • 数值加上括号（()）
  • 在数值后面加两个点，JavaScript 会把第一个点理解成小数点，把第二个点理解成调用对象属性，从而得到正确结果
  • 通过方括号运算符（[]）调用
// 数值加（）调用
(234).toString(2); // "11101010"
// 数值加.调用
234..toString(2); // "11101010"
// 通过[]调用
234['toString'](2); // "11101010"

2. Number.isFinite()， Number.isNaN()

ES6 在Number对象上，提供了Number.isFinite()和Number.isNaN()两个方法。Number.isFinite()用来检查一个数值是否为有限的；Number.isNaN()用来检查一个数值是否为NaN。

// Number.isFinite()检查一个数是否是有限的
Number.isFinite(15); // true
Number.isFinite(0.8); // true

// 参数类型不是数值，一律返回false
Number.isFinite(NaN); // false
Number.isFinite(Infinity); // false
Number.isFinite(-Infinity); // false
Number.isFinite('jidi'); // false
Number.isFinite('1'); // false
Number.isFinite(true); // false


// Number.isNaN()检查一个数是否为NaN
Number.isNaN(NaN) // true
Number.isNaN(9/NaN) // true
Number.isNaN('true' / 0) // true
Number.isNaN('true' / 'true') // true

// 参数类型不是NaN，一律返回false
Number.isNaN(15) // false
Number.isNaN('15') // false
Number.isNaN(true) // false

注意：·Number.isFinite()的参数类型如果不是数值，一律返回false；Number.isNan()的参数如果不是NaN，一律返回true。

2.1 Number.isFinite()，Number.isNaN()与全局方法isFinite()，isNaN()的区别

全局方法isFinite()和isNaN()会先调用Number()方法将非数值类型的参数转换为数据类型的值，然后再进行判断，而Number.isFinite()与Number.isNaN()两个方法只对数值有效。Number.isFinite()的参数如果不是数值类型，一律返回false。Number.isNaN()的参数非NaN一律返回true。

// isFinite()会先调用Number方法进行数据类型转换，然后进行判断
isFinite(25); // true
isFinite("25"); // true

// Number.isFinite()只对数值有效
Number.isFinite(25); // true
Number.isFinite("25"); // false

// isNaN()会先调用Number方法进行数据类型转换，然后进行判断
isNaN(NaN) // true
isNaN("NaN") // true

// Number.isNaN()只对数值有效
Number.isNaN(NaN) // true
Number.isNaN("NaN") // false
Number.isNaN(1) // false

3. Number.parseInt()，Number.parseFloat()

ES6 将全局方法parseInt()和parseFloat()，移植到了Number对象上面，行为完全保持不变。

// ES5写法
parseInt('123'); // 123
parseInt('   81'); // 81
parseInt(1.23); // 1
parseInt('8a'); // 8
parseInt('12**'); // 12
parseInt('12.34'); // 12
parseInt('15e2'); // 15
parseInt('15px'); // 15
parseInt('abc'); // NaN
parseInt('.3'); // NaN
parseInt(''); // NaN
parseInt('+'); // NaN
parseInt('1000', 2); // 8
parseInt('1000', 6); // 216
parseInt('1000', 8); // 512

// ES6写法
Number.parseInt('123'); // 123
Number.parseInt('   81'); // 81
Number.parseInt(1.23); // 1
Number.parseInt('8a'); // 8
Number.parseInt('12**'); // 12
Number.parseInt('12.34'); // 12
Number.parseInt('15e2'); // 15
Number.parseInt('15px'); // 15
Number.parseInt('abc'); // NaN
Number.parseInt('.3'); // NaN
Number.parseInt(''); // NaN
Number.parseInt('+'); // NaN
Number.parseInt('1000', 2); // 8
Number.parseInt('1000', 6); // 216
Number.parseInt('1000', 8); // 512

4. Number.isInteger()

Number.isInteger()用来判断一个数值是否为整数。

Number.isInteger(5); // true
Number.isInteger(5.0); // true
Number.isInteger(5.6); // false

上面代码中，5和5.0结果一样，因为javaScript内部，整数和浮点数用的同一种存储方法（参考JavaScript教程）。

根据国际标准 IEEE 754，JavaScript 提供的有效数字最长为53个二进制位。当数值的精度超过这个标准，Number.isInteger()会失真。

// 超过精度范围，判断失真
Number.isInteger(1.000000000000000000000000000000000000002); // true

5. Number.EPSILON

ES6 新增一个极小的常量Number.EPSILON，它表示 1 与大于1的最小浮点数之间的差。由于数字在javaScript内部使用64位浮点数存储，所以Number.EPSILON相当于2的-52次方。

Number.EPSILON === Math.pow(2, -52); // true
Number.EPSILON; // 2.220446049250313e-16

由于浮点数的计算是不精确的，Number.EPSILON的实质是一个可以接受的最小误差范围。

// 浮点数的计算是不精确的
0.1 + 0.7; // 0.7999999999999999

// 在最小误差范围内，可以认为两个数相等
2 + Number.EPSILON === 2;

6. 安全整数和 Number.isSafeInteger()

JavaScript 能够准确表示的整数范围在-253和253之间（开区间），超过这个范围，无法精确表示这个值。
ES6 引入了Number.MAX_SAFE_INTEGER和Number.MIN_SAFE_INTEGER这两个常量，用来表示这个范围的上下限。Number.isSafeInteger()则是用来判断一个整数是否落在这个范围之内.。

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

Number.MIN_SAFE_INTEGER === -Number.MAX_SAFE_INTEGER; // true
Number.MIN_SAFE_INTEGER === -9007199254740991; // true

// 判断一个数是否在-9007199254740991~9007199254740991之间
Number.isSafeInteger('jidi'); // 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.isSafeInteger()函数进行验证时，不要只验证运算结果，而要同时验证参与运算的每个值。

7. 指数运算符

ES2016 新增了一个指数运算符（**）。**是右结合的，多个指数运算可以连用。

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

// 多个指数运算符连用
2 ** 3 ** 2; // 512

8. BigInt 数据类型

由于JavaScript 所有数字都用64 位浮点数进行存储，数值的精度只能到 53 个二进制位，而且大于或等于2的1024次方的数值（小于或等于-2的1023次方的数值），JavaScript 无法表示，会返回Infinity（-Infinity）。

// 超过 53 个二进制位的数值，无法保持精度
Math.pow(2, 53) === Math.pow(2, 53) + 1; // true

// 超过 2 的 1024 次方的数值，无法表示
Math.pow(2, 1025); // Infinity

ES2020 引入了一种新的数据类型 BigInt，来解决这个问题。BigInt 只用来表示整数，没有位数的限制，任何位数的整数都可以精确表示。BigInt 类型的数据必须添加后缀n。

// Bigint数据后面加后缀n
const a = 21721416122353n;
const b = 153463491231309n;

// BigInt精度可以保证
a*b; // 3333444352624333556168350077n

Bigint类型的数据与普通数值是两种值，并不相等。

const c1 = 12n;
const c2 = 12;

typeof c1; // "bigint"
typeof c2; // "number"

// 两者不相等
c1 === c2; // false

8.1 BigInt 对象

JavaScript 原生提供BigInt对象，可以用作构造函数生成 BigInt 类型的数值。BigInt()构造函数必须有参数，而且参数必须可以正常转为数值。

// 用法参照Number()
BigInt(123) // 123n
BigInt('123') // 123n
BigInt(false) // 0n
BigInt(true) // 1n

// Bigint()必须有参数，且参数必须能转为数值
new BigInt(); // Uncaught TypeError: BigInt is not a constructor at new BigInt 
BigInt(undefined); // Uncaught TypeError: Cannot convert undefined to a BigInt
BigInt(null); // Uncaught TypeError: Cannot convert null to a BigInt at BigInt 
BigInt(NaN); // Uncaught RangeError: The number NaN cannot be converted to a BigInt because it is not an integer
BigInt(Infinity); // Uncaught RangeError: The number Infinity cannot be converted to a BigInt because it is not an integer at BigInt

BigInt()构造函数参数不能为小数。

BigInt(1.1); // Uncaught RangeError: The number 1.1 cannot be converted to a BigInt because it is not an integer at BigInt

BigInt 类型的+、-、*和**这四个二元运算符，与 Number 类型的行为一致。除法运算/会舍去小数部分，返回一个整数。

12n + 12n; // 24n
2n * 2n; // 4n
12n - 2n; // 10n
2n ** 3n; // 8n

// 除法会舍去小数部分，返回整数
10n / 6n; // 1n

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

1n + 32; // Uncaught TypeError: Cannot mix BigInt and other types

有两个数值运算符不能用在Bigint数据类型的值上。

  • 无符号右移>>>
  • 一元求正+

>>>是无符号右移，而Bigint数据类型的总是带符号的，所以该运算无意义；而一元+运算符结果是返回Number的，会报错。

+ 12n; // Uncaught TypeError: Cannot convert a BigInt value to a number

跟一元求正运算符一样，如果一个标准库函数的参数预期是Number 类型，但是得到的是一个 BigInt，就会报错。

Math.pow(2n, 2); // Uncaught TypeError: Cannot convert a BigInt value to a number  at Math.pow
Math.abs(4n); // Uncaught TypeError: Cannot convert a BigInt value to a number at Math.abs

9. 参考链接

本篇博文是我自己学习笔记，原文请参考：ECMAScript 6 入门
如有问题，请及时指出！
欢迎沟通交流，邮箱：jidi_jidi@163.com。

丑基地
关注
专栏目录
JavaScript 求 BigInt 类型变量的最值
"BLOG"
11-22 1105
对于 JS 中的内置对象 BigInt，不能直接调用 Math.max() 或 Math.min() 方法来求最大（小）值，会报错：Cannot convert a BigInt value to a number at Math.max 考虑自己实现一个方法，返回最大值： const max = (...args) => args.reduce((prev, curr) => prev > curr ? prev : curr) console.log(max(BigInt(1), B
ECMAScript 6 入门------------数值的扩展（ES6快速入门）
龚建华的博客
01-31 169
本文内容精简于阮一峰老师的ES6入门，用于个人学习总结。如果需要更加详细了解可以前往阮一峰老师的博客。 http://es6.ruanyifeng.com/#docs/number 二进制和八进制表示法 ES6 提供了二进制和八进制数值的新的写法，分别用前缀0b（或0B）和0o（或0O）表示。 0b111110111 === 503 // true 0o767 === 503 //...
ECMAScript6-基础6-数值存储与数据扩展
狼行千里吃肉
10-13 338
JS与IEEE754标准 概念 由于不同机器所选用的基数、尾数位长度和阶码位长度不同，因此对浮点数的表示有较大差别，这不利于软件在不同计算机之间的移植。为此，美国IEEE（电器及电子工程师协会）提出了一个从系统角度支持浮点数的表示方法，称为IEEE754标准（IEEE，1985），当今流行的计算机几乎都采用了这一标准； Bug Java中浮点数，既float和double，都是采用的IEEE754标准。无论在java、python、javaScript里面都存在 1 + 2 != 3 问题，这个问题
刷算法题遇到的新数据类型 — BigInt
越努力，越幸运！
04-23 1313
今天在LeetCode做的一道关于 “加一” 的算法题，题目如下 给定一个由整数组成的非空数组所表示的非负整数，在该数的基础上加一。 最高位数字存放在数组的首位， 数组中每个元素只存储一个数字。 你可以假设除了整数 0 之外，这个整数不会以零开头。 示例 1: 输入: [1,2,3] 输出: [1,2,4] 解释: 输入数组表示数字 123。 示例 2: 输入: [4,3,2,1...
ECMAScript 2024(ES11) 的新特性总结
2401_83817024的博客
03-29 892
前端校招精编面试解析大全点击这里即可获取完整版pdf查看自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
Cannot convert undefined or null to object
热门推荐
weixin_38694789的博客
12-09 7万+
在React时用Object.keys的时候报错：Cannot convert undefined or null to object 原因是： 1、Object.keys()中传错了参数 2、由于undefined和null无法转成对象，所以如果它们做为Object.assign()的参数（只有一个参数），也会报错。 我的原因是在Object.keys()只有一个参数，而且后台传回来...
ecmascript 6 入门.pdf
08-16
ES6引入了多种新的语法特性，包括但不限于let和const命令、变量的解构赋值、字符串的扩展、数值的扩展、数组的扩展、对象的扩展、函数的扩展、Set和Map数据结构、Iterator和for...of循环、Generator函数、Promise...
征服ECMAScript6（JavaScript）视频教程
06-09
本课程包含了几乎所有的ECMAScript6核心内容，包括let、const、变量的解构赋值，字符串扩展、正则扩展、数值扩展、数组扩展、函数扩展、对象扩展、Symbol、Proxy和Reflect、二进制数组、Set和Map数据解构、Generator...
ECMAScript 6 入门教程-全面介绍 ECMAScript 6 新引入的语法特性
最新发布
09-12
6. 数值的扩展 7. 函数的扩展 8. 数组的扩展 9. 对象的扩展 10. Symbol 11. Set 和 Map 数据结构 12. Proxy 13. Reflect 14. Promise 对象 15. Iterator 和 for...of 循环 16. Generator 函数的语法 17. Generator ...
ECMAScript 6 入门
02-22
- 正则的扩展、数值的扩展、数组的扩展、函数的扩展和对象的扩展：增加新的方法和属性，使得编程更加便捷。 - Symbol和Proxy：前者用于创建唯一的标识符，后者是一种代理机制，可以控制对象的行为。 - Reflect：提供...
ECMAScript6规范（ES6上篇）
06-23
ECMAScript6规范标准：let 和 const 命令、变量的解构赋值、字符串的扩展、数值的扩展、函数的扩展等。
JavaScript基本类型之处理大数-BigInt
qq_36916104的博客
11-15 3492
JavaScript的基本类型为： Boolean Null Undefined Number BigInt String Symbol Object 其中BigInt是JavaScript于2019.7.22正式公布，并成为第八个基本数据类型。 BigInt数据类型出现的目的是为了支持比Number数据类型支持的范围更大的整数值。使整数溢出不再是问题。 由于JS存在数值限制，整数范围是[-2^53, 2^53]，即[-9007199254740991,9007199254740991]
2020-10-31
weixin_52104599的博客
10-31 232
net stop/start mysql 停止/开始数据库服务 create database; 创建数据库 show databases;查看库 drop database;删除库 use +数据库名字； 使用数据库 show tables； 查看库中的表 reate table stu(id int,name varchar(30)); 创建表的基本语句 desc stu； 查看创建的表结构 insert into stu values（1，“内容”）； 向表中插入数据 select id,name
ES11
weixin_42235173的博客
04-20 355
6、 ES11 1. 私有属性# class Person { name; // 公有属性 #age; // 私有属性 constructor(name, age) { this.name = name; this.#age = age; } show() { console.log(this.name) console.log(this.#age) } } const a = new Person('zhangsan', 18); console.lo
通过Rust编译时出现的错误来学习Rust
保持学习的态度
12-29 7504
通过Rust编译时出现的错误来学习Rust cannot assign twice to immutable variable x 不能复制两次不可变x fn main() { let x = 5; // solution: let mut x = 5; println!("The value of x is {}", x); x = 6; println!("The value of x is {}", x); } consider giving guess a type
【面试题】Javascript的这些运算符，你都都掌握哪些？
2401_84434331的博客
06-19 667
console.log(‘要开花’) : console.log(‘要发芽’) // ‘要发芽’((name = ‘未知’) => name)(undefined) // ‘未知’((name = ‘未知’) => name)(null) // null。((name = ‘未知’) => name)() // ‘未知’((name = ‘未知’) => name)(0) // 0。getScore(0) // ‘张三的英语成绩是：未知’getScore(0) // ‘张三的英语成绩是：0’
es7~es11相关知识
acm_cn1234567890的博客
09-07 378
1. es7新特性 (1). Array.prototype.includes 数组的includes(value)方法，用来检测数组中是否包含某个元素，返回布尔值。 const aa = ["张颜齐","段宜恩","郑秀晶"]; console.log(aa.includes("张颜齐"));//true (2). [**]用来实现幂运算 [**]与Math.pow()是一样的。 console.log(2 ** 10);//1024 Math.pow(2,10); 2. es8新特新 (1).Ob
can‘t convert BigInt value to Number value
Always-Learning
05-19 942
错误原因 通过sort这个API对全是BigInt的数组进行排序导致的错误 sort((num1,num2) => num1 - num2) 解决办法 使用下面的排序方式 sort((a, b) => (a < b) ? -1 : ((a > b) ? 1 : 0));
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值