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

相关推荐
独立开阀者_FwtCoder几秒前
你用 Cursor 写公司的代码安全吗?
前端·javascript·github
dme.8 分钟前
Javascript之DOM操作
开发语言·javascript·爬虫·python·ecmascript
Cacciatore->11 分钟前
React 基本介绍与项目创建
前端·react.js·arcgis
摸鱼仙人~12 分钟前
React Ref 指南:原理、实现与实践
前端·javascript·react.js
teeeeeeemo13 分钟前
回调函数 vs Promise vs async/await区别
开发语言·前端·javascript·笔记
贵沫末32 分钟前
React——基础
前端·react.js·前端框架
aklry44 分钟前
uniapp三步完成一维码的生成
前端·vue.js
Rubin931 小时前
判断元素在可视区域?用于滚动加载,数据埋点等
前端
爱学习的茄子1 小时前
AI驱动的单词学习应用:从图片识别到语音合成的完整实现
前端·深度学习·react.js
用户3802258598241 小时前
使用three.js实现3D地球
前端·three.js