勇宝趣学JavaScript ES6第四章(数值的拓展)

大家对于JavaScript数值应该不会陌生,今天我们来探讨一下在ES6中,关于数值新增什么特性。

一、Number的扩展

1.1 parseInt、parseFloat

ES6把之前parseIntparseFloat等类似的方法挂载到了Number原型上。只能通过Number去调用这些静态方法

js 复制代码
const num = 123;
const num1 = '12.3';

parseInt(num); // 123
Number.parseInt(num); // 123

parseFloat(num1); // 12.3
Number.parseFloat(num1); // 12.3

此时发现二者打印的结果是相同的,注意此时打印的结果类型是number,这样做的目的其实就是为了使我们的语言更具模块化

1.2 isFinite、isNaN

  1. isFinite是判断值是否为有限数值,它只能判断number类型。

    js 复制代码
    Number.isFinite(5); // true
    Number.isFinite(0.6); // true
    Number.isFinite('12'); // false
    Number.isFinite('foo'); // false
    Number.isFinite(NaN); // false
    Number.isFinite(Infinity); // false
    Number.isFinite(false); // false
  2. isNaN顾名思义,就是判断值是否为NaN

    js 复制代码
    Number.isNaN(NaN); // true
    Number.isNaN(2); // false

    注意点:

    这里注意传统isFiniteinNaNES6中的Number.isFiniteNumber.isNaN有一个区别。传统的方式,程序会先把数值包装成Number,也就是number类型,然后再进行判断,而ES6中的方式不会进行转换这一步,只能判断对应的数值。

    js 复制代码
    const num = 12;
    const str = '12';
    
    isFinite(num); // true
    isFinite(str); // true
    
    Number.isFinite(num); // true
    Number.isFinite(str); // false
    
    isNaN(NaN); // true
    isNaN('NaN'); // true
    
    Number.isNaN(NaN); // true
    Number.isNaN('NaN'); // false

    所以我们如果使用到了ES6这两个方法要格外注意。

1.3 isInteger

方法用来判断数值是否为整数,但是这里我们要注意,在JavaScript中呀,整数浮点数是相同的存储方法,所以在开发中,你可能会发现6 === 6.0true

js 复制代码
const num = 6;
const num1 = 6.0;

Number.isInteger(num); // true
Number.isInteger(num1); // true

二、Math对象

Math对象对我们的编程很重要,像我们可能用过圆周率(Math.PI)绝对值(Math.abs)三角函数幂次方(Math、pow)随机数(Math.random)等等,ES6中又新增了一些新方法,但是大多数可能用的不太多,所以这里我就贴一下MDN:Math文档,大家可以自行查阅。

三、总结

ES6对于数值的扩展,可能注意的不是太多对于我来说,可能如果是偏向算法类的工程师,可能会使用到很多像Math中那些新增的方法,我这里概括的不是很全面,只是写了一些自己对于ES6的新感悟。

相关推荐
dy17175 分钟前
element-plus表格默认展开有子的数据
前端·javascript·vue.js
2501_915918414 小时前
Web 前端可视化开发工具对比 低代码平台、可视化搭建工具、前端可视化编辑器与在线可视化开发环境的实战分析
前端·低代码·ios·小程序·uni-app·编辑器·iphone
程序员的世界你不懂4 小时前
【Flask】测试平台开发,新增说明书编写和展示功能 第二十三篇
java·前端·数据库
索迪迈科技4 小时前
网络请求库——Axios库深度解析
前端·网络·vue.js·北京百思可瑞教育·百思可瑞教育
gnip4 小时前
JavaScript二叉树相关概念
前端
一朵梨花压海棠go5 小时前
html+js实现表格本地筛选
开发语言·javascript·html·ecmascript
attitude.x5 小时前
PyTorch 动态图的灵活性与实用技巧
前端·人工智能·深度学习
β添砖java5 小时前
CSS3核心技术
前端·css·css3
空山新雨(大队长)6 小时前
HTML第八课:HTML4和HTML5的区别
前端·html·html5