二进制和八进制表示法

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

0b111110111 === 503 // true;
0o767 === 503; // true

es5开始,严格模式中,八进制不允许使用前缀0 表示,否则会报错

// 严格模式
(function(){
console.log(0o11 === 011); // 报错
})()
    // 非严格模式
(function(){
console.log(0o11 === 011); // true
})()

如果要将0b0o前缀的字符串数值转十进制,使用Number即可

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

数值分隔符

较长的数值允许添加分隔符,es2021允许js的数值使用下划线(_)作为分隔符

let num = 1_000_000_000
console.log(1000000000 === num); // true

注意:分隔符并不影响原始值

分隔符没有间隔位数的限制

let num2 = 1_00_0000_00
console.log(100000000 === num2); // true

小数和科学计数法也可以使用数值分隔符

console.log(0.00_01); // 0.0001
console.log(1e10_000); // Infinity

需要注意的是

1、_不能放在数值的最前面或最后面

2、_ 不能两个或以上的分隔符连在一起使用

3、_ 小数点的前后不能有分隔符

4、_ 科学计数法中,表示指数的Ee前后不能有分隔符

// 全部报错
3_.141
3._141
1_e12
1e_12
123__456
_1464301
1464301_

其它进制的数值也可以使用分隔符

console.log(0b1010_0001_1000_0101);  // 二进制
console.log(0xA0_B0_C0); // 十六进制

注意:进制的前缀前后不能使用分隔符: 0b、0B、0o、0O、0x、0X

不支持数值分隔符的函数:

1、Number()

2、parseInt()

3、parseFloat()

Number('123_456');  // NaN
parseInt('123_456'); // 123

Number.isFinite(), Number.isNaN()

Number.isFinite():用来检查一个数值是否为有限的,即不是Infinity

有限:true

非有限或非数值:false

Number.isFinite(10);  // true
Number.isFinite(1.2); // true
Number.isFinite(NaN); // false
Number.isFinite(Infinity); // false
Number.isFinite('东方不败'); // false
Number.isFinite('123'); // false
Number.isFinite(true); // false

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

Number.isNaN(NaN);  // true
Number.isNaN(10); // false
Number.isNaN('10'); // false
Number.isNaN(true); // false
Number.isNaN(9/NaN); // true
Number.isNaN('东方不败' * 10); // true
Number.isNaN(true / true); // true

注意

它们与传统的全局方法isFinite()isNaN()的区别在于,

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

Number.isFinite()对于非数值一律返回false

Number.isNaN()只有对于NaN才返回true,非NaN一律返回false


Number.parseInt(),Number.parseFloat()

ES5 : parseInt()parseFloat()

ES6 : Number.parseInt()Number.parseFloat()

行为完全保持一致,这样做的目的是逐步减少全局性方法,使语言逐步模块化

parseInt('12.55');  // 12
Number.parseInt('12.55'); // 12 parseFloat('12.55'); // 12.55
Number.parseFloat('12.55'); // 12.55

isInteger()

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

Number.isInteger(15);  // true
Number.isInteger(15.1); // false

如果值不是数值则返回false

Number.isInteger('15');  //false
Number.isInteger(true); //false
Number.isInteger(NaN); //false
Number.isInteger(); //false

JavaScript 采用 IEEE 754 标准,数值存储为64位双精度格式,数值精度最多可以达到 53 个二进制位(1 个隐藏位与 52 个有效位),如果数值的精度超过这个限度,第54位及后面的位就会被丢弃,这种情况下,Number.isInteger可能会误判。

Number.isInteger(3.0000000000000002) // true

上面代码中,Number.isInteger的参数明明不是整数,但是会返回true,原因就是这个小数的精度达到了小数点后16个十进制位,转成二进制位超过了53个二进制位,导致最后的那个2被丢弃了。

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


Math对象的扩展

Math.trunc()

Math.trunc用于去掉数值的小数部分,返回整数部分

Math.trunc(5.1);  // 5
Math.trunc(5.5); // 5
Math.trunc(-5.1); // -5
Math.trunc(-0.123); // 0

对于非数值,会先使用Number方法将其转换为数值再返回

Math.trunc(true); // 1
Math.trunc(false); // 0
Math.trunc(null); // 0
Math.trunc('10.123'); // 10

对于空值或无法转换的值,返回NaN

Math.trunc(NaN);  // NaN
Math.trunc('hello'); // NaN
Math.trunc(); // NaN

Math.sign()

Math.sign()方法用来判断一个数到底是正数、负数、还是零。非数值会先转换为数值

说明 结果
参数为正数 +1
参数为负数 -1
参数未0 0
参数为-0 -0
其他 NaN
Math.sign('5');  // 1
Math.sign(5); // 1
Math.sign(-5); // -1
Math.sign(0); // 0
Math.sign(-0); // -0
Math.sign(true); // 1
Math.sign('hello'); // NaN

Math.hypot()

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

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

重点 !

BigInt 数据类型

js的所有数字都保存成64位浮点数,这给数值的表示带来了很大的限制

一 :数值的经度只能到53个二进制位,相当于16个十进制位,大于这个范围的正数无法精确表示,使得js不适合进行科学和金融方面的精确计算。

二 :大于等于21024次方的数值,js无法表示,会返回Infinity

// 超过53个二进制的数值们无法保持精度
Math.pow(2,53) === Math.pow(2,53) + 1; // true
// 超过2的1024次方的数值,无法表示
Math.pow(2,1024); // Infinity

对此,ES2020引入了新的数据类型BigInt(大整数),作为第八种数据类型,BigInt只用来表示整数,没有位数限制,任何位数的整数都可以精确表示,语法: 数据n

// 使用BigInt
let a = 2172141653n
let b = 15346349309n
console.log(a*b); // 33334444555566667777n // 可以保持精度
// 普通数值
let c = 2172141653
let d = 15346349309
console.log(c * d); // 33334444555566670000 // 无法保持精度

与整数的区别

  • 123 普通整数
  • 123n BigInt
  • BigInt 类型的数据必须添加后缀n

BigInt与普通整数是两种值,它们之间并不相等

15n === 15; // false

数据类型返回bigint

typeof(15n); // bigint

BigInt函数

BigInt可以用来做数据转换,转换的方法与Number()基本一致

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

下面是报错的一些场景

BigInt();   //  TypeError
BigInt('hello'); // SyntaxError /* 字符串 123n 会无法解析成Number类型,所以报错 */
BigInt('123n'); // SyntaxError BigInt(null); // TypeError
BigInt(NaN); // TypeError /* 参数是小数也会报错 */
BigInt(1.2); // RangeError BigInt('1.2'); // SyntaxError

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

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

它还继承了 Number 对象的一个实例方法

  • BigInt.prototype.toLocaleString()

此外还提供了三个静态方法

  • BigInt.asUintN(width, BigInt)
  • BigInt.asIntN(width, BigInt)
  • BigInt.parseInt(string[, radix])

BigInt 转换规则

可以使用BooleanNumberString 这三个方法,将BigInt转换为布尔、数值、字符串类型,转换后,后缀n会消失

Boolean(0n);  // false
Number(2n); // 2
String(2n); // '2'

取反 ! 运算符可以转换布尔值

console.log( !0n );  // true
console.log( !1n ); // false

BigInt 数学运算

在数学运算方面, + - ***这四个运算符与number类型基本一致,除法运算 / 会舍去小数部分,返回一个整数

 console.log( 9 / 5 );  // 1.8
console.log( 9n / 5n ); // 1n 舍去小数

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

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

BigInt不能与普通数值混合运算,因为这样精度会丢失

console.log( 2n + 5);  // TypeError

同样的原因,如果一个函数参数预期是Number类型,但是得到的是一个BigInt就会报错。

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

BigInt其他运算

BigInt对应的布尔值,与Number类型一致

  • 0n : false
  • 1n : true
let n = 1n
if(n){
console.log(true);
} else {
console.log(false);
} // true

比较运算符和相等运算符允许BigInt与其他类型的值混合计算,因为这样做不会损失精度。

 console.log( 0n < 1 );  // true
console.log( 0n == false); // true
console.log( 0n == 0); // true
console.log( 0n === 0); // false

案例源码:https://gitee.com/wang_fan_w/es6-science-institute

如果觉得这篇文章对你有帮助,欢迎点亮一下star哟

数值的扩展方法以及新增数据类型BigInt的更多相关文章

  1. ES6模板字符串及字符串的扩展方法

    一.ES6模板字符串 传统定义字符串的方式是: const str='hello es2015,this is a string' ES6新增了一种定义字符串的方式用反引号进行标识 const str ...

  2. ES6新增语法和内置对象(let,const, Array/String/Set 扩展方法(解构赋值,箭头函数,剩余参数))

    1.let ES6中新增的用于声明变量的关键字. let 声明的变量只在所处于的块级有效. 注意:使用 let 关键字声明的变量才具有块级作用域,var 关键字是不具备这个特点的. 1. 防止循环变量 ...

  3. JavaScript数据类型BigInt实践之id数值太大,导致前后端交互异常

    项目开发中前后端数据交互常会使用id作为主键索引,通常id数值都不大,使用number类型就可以表示处理,但对于一些分布式id或其他情况,id数值太大且超过了JS的最大处理数(Math.pow(2,  ...

  4. C#3.0新增功能04 扩展方法

    连载目录    [已更新最新开发文章,点击查看详细] 扩展方法使你能够向现有类型“添加”方法,而无需创建新的派生类型.重新编译或以其他方式修改原始类型. 扩展方法是一种特殊的静态方法,但可以像扩展类型 ...

  5. 《ES6标准入门》(阮一峰)--7.数值的扩展

    1.二进制和八进制表示法 ES6 提供了二进制和八进制数值的新的写法,分别用前缀0b(或0B)和0o(或0O)表示. 0b111110111 === 503 // true 0o767 === 503 ...

  6. ES6学习笔记(三)——数值的扩展

    看到这条条目录有没有感觉很枯燥,觉得自己的工作中还用不到它所以实在没有耐心看下去,我也是最近得闲,逼自己静下心来去学习去总结,只有在别人浮躁的时候你能静下心来去学去看去总结,你才能进步.毕竟作为前端不 ...

  7. 五分钟了解ES6对数值的扩展

    文章目录 数值的扩展(ES6) 1. 二进制八进制表示法 2. Number对象 3. Math对象 4. 指数运算符 5. Integer 数据类型 5.1 简介 5.2 运算 数值的扩展(ES6) ...

  8. Python第三天 序列 5种数据类型 数值 字符串 列表 元组 字典 各种数据类型的的xx重写xx表达式

    Python第三天 序列  5种数据类型  数值  字符串  列表  元组  字典 各种数据类型的的xx重写xx表达式 目录 Pycharm使用技巧(转载) Python第一天  安装  shell ...

  9. .NET 实用扩展方法

    .NET 实用扩展方法(持续更新...) 1. 字符串转换为可空数值类型(int, long, float...类似) /// <summary> /// 将字符串转换成32位整数,转换失 ...

  10. ES6的新特性(5)——数值的扩展

    数值的扩展 二进制和八进制表示法 ES6 提供了二进制和八进制数值的新的写法,分别用前缀0b(或0B)和0o(或0O)表示. 0b111110111 === 503 // true 0o767 === ...

随机推荐

  1. Linux系统各种库/软件版本输出指令

    日常开发基于Linux系统(其实更多的是Ubuntu平台),平时总会遇到一些情况需要查看某个库或者软件的版本信息,在这里做一下简单的记录. 1. 查看glibc版本 方法一:使用ldd指令 cv@cv ...

  2. 【Java SE】Day03流程控制语句

    一.流程控制(顺序结构) 二.选择结构 1.多分支中case的穿透性 2.switch的括号可以是 基本/引用类型(String.enum枚举) 三.循环结构 for循环结束后内存消失,效率高 四.扩 ...

  3. kernel 启动流程

    一.概述 之前学习了uboot的启动流程,现在接着学习uboot的启动流程,关于 kernel 的启动流程分析的大佬也是很多的,这里还是通过流程的图的方式进行记录,为了像我一样的新手,直观的了解 ke ...

  4. Vm无法连接到虚拟机,请确保您有权限运行该程序、访问该程序使用的所有目录以及访问所有临时文件目录,未能将管道连接到虚拟机:所有的管道范例都在使用中解决方法

    可能是杀掉进程导致 解决办法: 1.首先杀掉所有VM打头的任务. 2.删掉所有lck文件 3.VM文件夹内有一串很长的数字命名的文件夹或文件,删掉 4.发现被VMware-vmx.exe占用 5.打开 ...

  5. Django 连接各数据库配置汇总(sqlite3,MySql,Oracle)

    在django中,默认配置的数据库是 sqlite3 # Database # https://docs.djangoproject.com/en/2.0/ref/settings/#database ...

  6. 【机器学习】李宏毅——Explainable ML(可解释性的机器学习)

    在前面的学习之中,我们已经学习了很多的模型,它能够针对特定的任务,接受我们的输入并产生目标的输出.但我们并不满足于此,我们甚至希望机器告诉我们,它是如何得到这个答案的,而这就是可解释的机器学习. Wh ...

  7. python 水仙花数、菱形、99乘法表、直角三角形

    空心菱形 i = 1 while i <= 3: # 控制行数 j = 1 k = 1 while j <= 3-i: # 控制空格数量 print(" ", end= ...

  8. gin模板语法

    输出数据: 语句:{{.}} 用法: 在html文件中调用 输出里面的结果 多个目录下定义模板: 语句:{{ define "xxx目录/xxx文件.html"}}        ...

  9. 记录Typescript的学习调试笔记(比 javascript更具面向对象,强类型检查,静态字段,适合现代的大团队分工与管理风格).

    1.)先来一段Typescript的环境安装. 安装nodejs ,下载地址:https://nodejs.org/en/download/                 //(node-v12.1 ...

  10. [Computer Networks]一个http请求的完成的全过程

    摘要 本文主要讲述了一个 http request 请求从发出到收到 response 的整个生命周期,希望可以通过对整个流程的一个描述来梳理清楚五层网络协议的定义以及各层之间是如何协作的. 对于后端 ...