勇宝趣学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的新感悟。

相关推荐
ohMyGod_1231 小时前
React16,17,18,19新特性更新对比
前端·javascript·react.js
前端小趴菜051 小时前
React-forwardRef-useImperativeHandle
前端·vue.js·react.js
@大迁世界1 小时前
第1章 React组件开发基础
前端·javascript·react.js·前端框架·ecmascript
Hilaku1 小时前
从一个实战项目,看懂 `new DataTransfer()` 的三大妙用
前端·javascript·jquery
爱分享的程序员1 小时前
前端面试专栏-算法篇:20. 贪心算法与动态规划入门
前端·javascript·node.js
我想说一句1 小时前
事件委托与合成事件:前端性能优化的"偷懒"艺术
前端·javascript
爱泡脚的鸡腿1 小时前
Web第二次笔记
前端·javascript
良辰未晚1 小时前
Canvas 绘制模糊?那是你没搞懂 DPR!
前端·canvas
Dream耀1 小时前
React合成事件揭秘:高效事件处理的幕后机制
前端·javascript
P7Dreamer1 小时前
Vue 3 + Element Plus 实现可定制的动态表格列配置组件
前端·vue.js