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

相关推荐
群联云防护小杜6 分钟前
深度隐匿源IP:高防+群联AI云防护防绕过实战
运维·服务器·前端·网络·人工智能·网络协议·tcp/ip
DanB2420 分钟前
html复习
javascript·microsoft·html
汉得数字平台24 分钟前
【鲲苍提效】全面洞察用户体验,助力打造高性能前端应用
前端·前端监控
花海如潮淹31 分钟前
前端性能追踪工具:用户体验的毫秒战争
前端·笔记·ux
_丿丨丨_5 小时前
XSS(跨站脚本攻击)
前端·网络·xss
天天进步20155 小时前
前端安全指南:防御XSS与CSRF攻击
前端·安全·xss
呼啦啦呼啦啦啦啦啦啦6 小时前
利用pdfjs实现的pdf预览简单demo(包含翻页功能)
android·javascript·pdf
拾光拾趣录8 小时前
括号生成算法
前端·算法
拾光拾趣录9 小时前
requestIdleCallback:让你的网页如丝般顺滑
前端·性能优化
前端 贾公子9 小时前
vue-cli 模式下安装 uni-ui
前端·javascript·windows