文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

详解javaScript中Number数字类型的使用

2024-04-02 19:55

关注

前言

Number和Math都属于JavaScript中的内置对象,Number数字类型作为基础数据类型,我们在开发过程中会经常用到,包括数字精度的格式化,还有字符串转换成数字等操作。

Number数字

自带属性值

Number.EPSILON 两个可表示(representable)数之间的最小间隔。

Number.MAX_SAFE_INTEGER JavaScript 中最大的安全整数 (2^53 - 1)。

Number.MAX_VALUE 能表示的最大正数。最小的负数是 -MAX_VALUE。

Number.MIN_SAFE_INTEGER JavaScript 中最小的安全整数 (-(2^53 - 1)).

Number.MIN_VALUE 能表示的最小正数即最接近 0 的正数 (实际上不会变成 0)。最大的负数是 -MIN_VALUE。

Number.NaN 特殊的“非数字”值。

Number.NEGATIVE_INFINITY 特殊的负无穷大值,在溢出时返回该值。

Number.POSITIVE_INFINITY 特殊的正无穷大值,在溢出时返回该值。

基础使用

new Number实例化数字对象和Number强转数字字符串,两个值的并不相等

var value1 = new Number("123");
this.value1 = value1;
console.log(`value1 === 123 is ${value1 === 123}`); // value1 === 123 is false

var value2 = Number("123");
this.value2 = value2;
console.log(`value2 === 123 is ${value2 === 123}`); // value2 === 123 is true


// 判断Number类型
console.log(value1 instanceof Number);
console.log(value2 instanceof Number);

Number将转换字符串为数字

Number("123"); // 123
Number("12.3"); // 12.3
Number("12.00"); // 12
Number("123e-1"); // 12.3
Number(""); // 0
Number(null); // 0
Number("0x11"); // 17
Number("0b11"); // 3
Number("0o11"); // 9
Number("foo"); // NaN
Number("100a"); // NaN
Number("-Infinity"); //-Infinity

Number判断数字是否是NAN

let number1 = new Number("123");
let number2 = 123;
let number3 = "string";
let number4 = null;
console.log(Number.isNaN(number1)); //  false
console.log(Number.isNaN(number2)); //  false
console.log(Number.isNaN(number3)); //  false
console.log(Number.isNaN(number4)); //  false
console.log(Number.isNaN(NaN)); //  true

Number.isFinite 是否是一个有穷数

console.log(Number.isFinite(1 / 0));
// false
console.log(Number.isFinite(10 / 5));
// true
console.log(Number.isFinite(0 / 0));
// false

Number.isInteger 判断给定的参数是否为整数

function checkInteger(x, y) {
  if (Number.isInteger(y / x)) {
    return "整数";
  }
  return "非整数";
}
console.log(checkInteger(5, 10));
// "整数"
console.log(checkInteger(5, 11));
// "非整数"

Number.isSafeInteger 判断传入的参数值是否是一个“安全整数”(safe integer)

备注:

Number.isSafeInteger() 方法用来判断传入的参数值是否是一个“安全整数”(safe integer)。

一个安全整数是一个符合下面条件的整数:

可以准确地表示为一个IEEE-754双精度数字,
其IEEE-754表示不能是舍入任何其他整数以适应IEEE-754表示的结果。

比如,2^53 - 1 是一个安全整数,它能被精确表示,在任何 IEEE-754 舍入模式(rounding mode)下,没有其他整数舍入结果为该整数。作为对比,2^53 就不是一个安全整数,它* 能够使用 IEEE-754 表示,但是 2^53 + 1 不能使用 IEEE-754 直接表示,在就近舍入(round-to-nearest)和向零舍入中,会被舍入为 2^53。

安全整数范围为 -(2^53 - 1)到 2^53 - 1 之间的整数,包含 -(2^53 - 1)和 2^53 - 1。

Number.isSafeInteger(3); // true
Number.isSafeInteger(Math.pow(2, 53)); // false
Number.isSafeInteger(Math.pow(2, 53) - 1); // true
Number.isSafeInteger(NaN); // false
Number.isSafeInteger(Infinity); // false
Number.isSafeInteger("3"); // false
Number.isSafeInteger(3.1); // false
Number.isSafeInteger(3.0); // true

Number.parseFloat 将字符串数字转成数字类型

备注:

function checkFloat(r) {
  return parseFloat(r);
}
console.log(checkFloat(4.567));
// 4.567
console.log(checkFloat("4.567abcdefgh"));
// 4.567
console.log(checkFloat("abcdefgh"));
// NaN

Number.parseInt 将数字字符串转成整数


 
function checkInt(x, base) {
  const parsed = parseInt(x, base);
  if (isNaN(parsed)) {
    return 0;
  }
  return parsed * 100;
}
console.log(checkInt(" 0xF", 16));
// 1500
console.log(checkInt("321", 2));
// 0

Number.prototype.toFixed() 把数字转换为字符串,返回小数点后有指定位数的数字

var numObj = 5.123456;
var n = numObj.toFixed(2); // 5.12

Number.prototype.toPrecision() 以指定的精度返回该数值对象的字符串表示

var numObj = 5.123456;
console.log("numObj.toPrecision()  is " + numObj.toPrecision()); // 输出 5.123456
console.log("numObj.toPrecision(5) is " + numObj.toPrecision(5)); // 输出 5.1235
console.log("numObj.toPrecision(2) is " + numObj.toPrecision(2)); // 输出 5.1
console.log("numObj.toPrecision(1) is " + numObj.toPrecision(1)); // 输出 5
// 注意:在某些情况下会以指数表示法返回
console.log((1234.5).toPrecision(2)); // "1.2e+3"

Number 转换 Date 对象

var d = new Date("December 17, 1995 03:24:00");
console.log(Number(d));

总结

在Number数字类型中,使用最多的应该是:

源码地址

码云 

github

以上就是详解javaScript中Number数字类型的使用的详细内容,更多关于javaScript Number数字类型的资料请关注编程网其它相关文章!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯