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

相关推荐
lecepin1 小时前
AI Coding 资讯 2025-09-17
前端·javascript·面试
IT_陈寒1 小时前
React 18实战:7个被低估的Hooks技巧让你的开发效率提升50%
前端·人工智能·后端
树上有只程序猿2 小时前
终于有人把数据库讲明白了
前端
猩兵哥哥2 小时前
前端面向对象设计原则运用 - 策略模式
前端·javascript·vue.js
司宸2 小时前
Prompt设计实战指南:三大模板与进阶技巧
前端
RoyLin2 小时前
TypeScript设计模式:抽象工厂模式
前端·后端·typescript
华仔啊2 小时前
Vue3+CSS 实现的 3D 卡片动画,让你的网页瞬间高大上
前端·css
江城开朗的豌豆2 小时前
解密React虚拟DOM:我的高效渲染秘诀 🚀
前端·javascript·react.js
vivo互联网技术2 小时前
拥抱新一代 Web 3D 引擎,Three.js 项目快速升级 Galacean 指南
前端·three.js