数字(Number)也称为数值或数。

数值直接量

当数字直接出现在程序中时,被称为数值直接量。在 JavaScript 程序中,直接输入的任何数字都被视为数值直接量。

示例1

数值直接量可以细分为整型直接量和浮点型直接量。浮点数就是带有小数点的数值,而整数是不带小数点的数值。

var int = 1;  //整型数值
var float = 1.0; //浮点型数值

整数一般都是 32 位数值,而浮点数一般都是 64 位数值。

JavaScript 中的所有数字都是以 64 位浮点数形式存储,包括整数。例如,2 与 2.0 是同一个数。

示例2

浮点数可以使用科学计数法来表示。

var float = 1.2e3;

其中 e (或 E)表示底数,其值为 10,而 e 后面跟随的是 10 的指数。指数是一个整型数值,可以取正负值。上述代码等价于:

var float = 1.2*10*10*10;
var float = 1200;

示例3

科学计数法表示的浮点数也可以转换为普通的浮点数。

var float = 1.2e-3;

等价于:

var float = 0.0012;

但不等于:

var float = 1.2*1/10*1/10*1/10;  //返回 0.0012000000000000001
var float = 1.2/10/10/10; //返回 0.0012000000000000001

浮点数溢出

执行数值计算时,要防止浮点数溢出。例如,0.1+0.2 并不等于 0.3。

num = 0.1+0.2;  //0.30000000000000004

这是因为 JavaScript 遵循二进制浮点数算术标准(IEEE 754)而导致的问题。这个标准适合很多应用,但它违背了数字基本常识。

解决方法:浮点数中的整数运算是精确的,所以小数表现出来的问题可以通过指定精度来避免。例如,针对上面的相加可以这样进行处理。

a = (1+2)/10;  //0.3

这种处理经常在货币计算中用到。例如,元可以通过乘以 100 而转成分,然后就可以准确地将每项相加,求和后的结果可以除以 100 再转换回元。

特殊数值

JavaScript 定义了几个特殊的数值常量,说明如表所示。

特殊值 说明
Infinity 无穷大。当数值超过浮点型所能够表示的范围;反之,负无穷大为-Infinity
NaN 非数值。不等于任何数值,包括自己。如当0除以0时会返回这个特殊值
Number.MAX_VALUE 表示最大数值
Number.MIN_VALUE 表示最小数值,一个接近0的值
Number.NaN 非数值,与NaN常量相同
Number.POSITIVE_INFINITY 表示正无穷大的数值
Number.NEGATIVE_INFINITY 表示负无穷大的数值

NaN

NaN(Not a Number,非数字值)是在 IEEE 754 中定义的一个特殊的数值。

typeof NaN === 'number '  //true

当试图将非数字形式的字符串转换为数字时,就会生成 NaN。

+ '0' //0
+ 'oops' //NaN

当 NaN 参与数学运算时,运算结果也是 NaN。因此,如果表达式的运算值为 NaN,那么可以推断其中至少一个运算数是 NaN。

typeof 不能分辨数字和 NaN,并且 NaN 不等同于它自己。

NaN === NaN //false
NaN !== NaN //true

使用 isNaN() 全局函数可以判断 NaN。

isNaN(NaN) //true
isNaN(0) //false
isNaN('oops') //true
isNaN('0') //false

使用 isFinite() 全局函数可以判断 NaN 和 Infinity。因此,可以使用它来检测 NaN、正负无穷大。如果是有限数值,或者可以转换为有限数值,那么将返回 true。如果只是 NaN、正负无穷大的数值,则返回 false 。

示例

isFinite() 会试图把检测到的值转换为一个数字。如果值不是一个数字,那么使用 isFinite() 直接检测就不是有效的方法。通过自定义 isNumber 函数可以避免 isFinite() 的缺陷。下面自定义函数先判断值是否为数值类型,如果是数值类型,再使用 isFinite() 过滤出有效数字。

var isNumber = function isNumber(value){
return typeof value === 'number' && isFinite(value);
}

数值运算

使用算数运算符,数值可以参与各种计算,如加、减、乘、除等运算操作。

示例1

为了解决复杂数学运算,JavaScript 提供了大量的数值运算函数,这些函数作为 Math 对象的方法可以直接调用。

var a = Math.floor(20.5);  //调用数学函数,向下舍入
var b = Math.round(20.5); //调用数学函数,四舍五入
document.write(a); //返回20
document.write(b); //返回21

示例2

toString() 方法可以根据所传递的参数把数值转换为对应进制的数字字符串。参数范围为 2~36 之间的任意整数。

var a = 32;
document.writeln(a.toString(2)); //返回字符串100000
document.writeln(a.toString(4)); //返回字符串200
document.writeln(a.toString(16)); //返回字符串20
document.writeln(a.toString(30)); //返回字符串12
document.writeln(a.toString(32)); //返回字符串10

数值直接量不能直接调用 toString() 方法,必须先使用小括号或其他方法强制把数字转换为对象。

document.writeln(32.toString(16));  //抛出语法错误document.writeln((32).toString(16));   //返回20

JavaScript 数字的更多相关文章

  1. javascript数字验证输入

    javascript数字验证功能: <html> <body> <p>请输入数字.如果输入值不是数字,浏览器会弹出提示框.</p> <input ...

  2. javascript 数字格式化

    对数字进行格式化输出,是非常有意义的一件事情,例如许多时候,我们希望一个数字能够输出为指定格式的字符串,拿25.9878来说,我们可能会希望它能保留两位小数来说出,即结果为25.99,或者对于0.34 ...

  3. JavaScript数字精度丢失问题总结

    本文分为三个部分 JS 数字精度丢失的一些典型问题 JS 数字精度丢失的原因 解决方案(一个对象+一个函数) 一.JS数字精度丢失的一些典型问题 1. 两个简单的浮点数相加 0.1 + 0.2 != ...

  4. JavaScript数字精度上代码。

    /**不能超过 9007199254740992 * floatObj 包含加减乘除四个方法,能确保浮点数运算不丢失精度 * * 我们知道计算机编程语言里浮点数计算会存在精度丢失问题(或称舍入误差), ...

  5. JavaScript数字和字符串转换示例

    http://www.jb51.net/article/48465.htm 1. 数字转换为字符串 a. 要把一个数字转换为字符串,只要给它添加一个空的字符串即可: 复制代码代码如下: var n = ...

  6. JavaScript 数字字符串比较大小

    JavaScript中常用数字字符串比较 1.数字与数字之间直接比较 比较方式依据数学运算,没什么好说的. 2.数字与字符串数字之间直接比较 例如 数字5 与字符串数字'123',这种比较先将数字字符 ...

  7. javascript数字格式化通用类——accounting.js使用

    简介 accounting.js 是一个非常小的JavaScript方法库用于对数字,金额和货币进行格式化.并提供可选的Excel风格列渲染.它没有依赖任何JS框架.货币符号等可以按需求进行定制. 代 ...

  8. JavaScript 数字滚动countup.js

    1. 概述 1.1 说明 在项目过程中,有时候需要动态的去展示一些数据的加载状态,如一个数字为10000,需要5秒时间滚动加载完成.此时使用countup.js就能够很方便的处理此类功能问题. 1.2 ...

  9. 5个缺失的 JavaScript 数字格式化函数

    /** 下面两个函数都能对浮点数进行四舍五入,保留小数点后两位 **/ function CurrencyFormatted(amount) { var i = parseFloat(amount); ...

随机推荐

  1. 转载:Linux 时钟基础学习

    1.HZ Linux核心每隔固定周期会发出timer interrupt (IRQ 0),HZ是用来定义每一秒有几次timer interrupts.举例来说,HZ为1000,代表每秒有1000次ti ...

  2. 激活windows系统

    1.下载KMS 2.如图所示,双击KMSpico看是否正常运行 3.双击KMSpico正常后出现以下界面 4.点击红色按钮 5.等自动退出就是激活成功,大概半年需要激活一次

  3. 连通数[JSOI2010]-洛谷T4306

    咕咕咕 tarjan+拓排应该是正解吧 然而我上去就打了个tarjan和dijkstra (由于我抄题解抄多了,代码能力极差,于是我就gg了) 题解中有大佬直接用dfs过了8个点,再吸口氧就AC了 ( ...

  4. Java 倒入文章显示前n个单词频率

    package com_1; import java.io.FileNotFoundException; import java.io.FileReader; import java.io.IOExc ...

  5. 安装和配置Windows系统虚拟机

    1.打开虚拟机软件,点击新建虚拟机. 2.选择典型配置,点击下一步. 3.点击安装程序光盘映像文件,选择对应的映像文件,然后点击下一步.选择对应的密钥和版本,设置密码等. 4.创建虚拟机名字和存储位置 ...

  6. selenium Python实现附件上传

    对于web页面的上传功能一般有两类实现方式:一类是将本地文件的路径作为一个值放在input标签中,通过form表单将这个值提交给服务器:另一个类是插件上传,一般基于flash/javascript或者 ...

  7. 科技股 - 5G、芯片、半导体 细分龙头

    5G.芯片.半导体 细分龙头 来源:头条-南山话投资 1.射频芯片:卓胜微 2.存储芯片设计:兆易创新 3.GPU:景嘉微 4.模拟电路芯片:圣邦股份 5.半导体分立器件:扬杰科技 6.晶圆代工:中芯 ...

  8. A Simple Problem with Integers(树状数组区间变化和区间求和)

    You have N integers, A1, A2, ... , AN. You need to deal with two kinds of operations. One type of op ...

  9. lucky 的 时光助理(3)

    今天lucky小姐哭笑不得的说, 昨天下班时跟经理一起走的时候, 地铁站手机被小偷偷走,那时一个人孤单单的,除了惊愕, 她不知道该去联系谁, 借了同事的手机,给家里打去电话. 她说,因为那是她唯一记得 ...

  10. 批量离线安装jar 包到maven本地仓库

    //installer.bat@echo offset localdir=%~dp0call mvn install:install-file -DgroupId=org.zhixun -Dartif ...