学习JavaScript红宝书(六)——数据类型之Number

我心飞翔 分类:javascript

Number

Number 类型使用 IEEE 754 格式表示整数和浮点数。

十进制整数

最基本的是十进制整数。整数也可以用八进制和十六进制字面量表示。

let num = 8;
 

八进制字面量

八进制的第一个数字必须是 0,然后是相应的八进制数字(数值 0-7)。如果数字超出范围,就会将其识别成十进制。

let num1 = 070; // 八进制的56
let num2 = 079; // 当成十进制的79
 

八进制字面量在严格模式下无效,会导致 JavaScript 引擎报错。

十六进制字面量

十六进制的前两位必须是 0x,然后是十六进制数字(数值 0-9 和 A-F)。字母大小写都可。

let num = 0xa; // 十六进制的10
 

浮点值

定义浮点值必须包含小数点,且小数点后必须有至少一个数字。

let num = 1.1;
let num2 = 0.1; // 有效,但不推荐
 

存储浮点值使用的内存空间是整数值的两倍,所以 ECMAScript 总是想把值转换为整数。

在小数点后没有数字或只有 0 的情况下,数值就会变成整数。

浮点值科学计数法

对于非常大或非常小的值,浮点值可以用科学计数法表示。

let num = 3.125e7; // 31250000
 

用大写或小写的 e,加上一个数值(比如 7),表示 10 的 7 次方。

10 的负多少次方就加上“-”号:

let num = 3125e-3; // 3.125
 

ECMAScript 会默认将小数点后至少 6 个 0 的浮点数转换为科学计数法。(例如,0.000 000 3) 会被转换为 3e-7。

浮点精确度为 17 位小数

浮点计算中可能出错

比如 0.1 加 0.2 等于 0.300 000 000 000 000 04 而不是 0.3。

要特别小心这种特殊情况。

会出这种问题,是因为 IEEE 754。使用这个格式的语言都会有这个问题。

Number 值的范围

由于内存的限制,ECMAScript 的数值存在上限和下限。

最小数值保存在 Number.MIN_VALUE,这个值在大多数浏览器中是 5e-324。

最大数值保存在 Number.MAX_VALUE,这个值在大多数浏览器中是 1.797 693 134 862 315 7e+30。

当数值超过范围时,太大的会被转换成一个特殊的 Infinity(无穷值),太小的就是-Infinity(负无穷值)。Infinity 和-Infinity 不能被计算,他们没有可用于计算的数值表示形式。

使用 isFinite(),可以判断一个数是不是无限。

let num = Number.MAX_VALUE;
console.log(isFinite(num)); //true
 

用 Number.NEGATIVE_INFINITY 和 Number.POSITIVE_INFINITY 也可以获
取正、负 Infinity。这两个属性包含的值分别就是-Infinity 和 Infinity。

计算中得到无限值

如果分子是非 0 值,分母是 0 或-0,会返回 Infinity 或-Infinity:

console.log(5 / 0); // Infinity
console.log(5 / -0); // -Infinity
 

NaN

它是一个特殊的 Number,typeof 返回的也是 number。但他表达的意思是“不是数值”。

它出现在本来要返回数值的操作失败了,不抛出错误而返回的值。

比如 0 除任何数都会出错,这样就会返回 NaN。

console.log(0 / 0); // NaN
 

在 ECMAScript 中,除了 0 以外,+0 和-0 除任意数也是 NaN。

NaN 的特性

  1. 任何涉及 NaN 的操作,始终返回 NaN。(如 NaN/10)
  2. NaN 不等于任何值,包括它自己。
console.log(NaN == NaN); // false
 

isNaN()

isNaN()可以判断参数是否“不是数值”。但存在一个问题,它会把任何类型的数据都先转换成数值(遵照 Number()函数的规则),所以不能转换的也会识别成 NaN,从而返回 true。

console.log(isNaN(NaN)); // true
console.log(isNaN(10)); // false,10 是数值
console.log(isNaN("10")); // false,可以转换为数值10
console.log(isNaN("blue")); // true,不可以转换为数值
console.log(isNaN(true)); // false,可以转换为数值1
 

数值转换

Number()、parseInt()、parseFloat()可以将非数值的数据转换为数值。

Number()

Number()函数首字母 N 必须大写。它首先判断参数类型,针对不同类型基于如下规则进行转换:

  1. undefined:返回 NaN

  2. Null:返回 0

  3. 布尔值:true 为 1,false 为 0

  4. 数值:直接返回

  5. 字符串:

    空字符串(不包含字符)返回 0。

    有效的整数字符,包括带加、减号的情况,转换为十进制数值。

    有效的浮点值格式如"1.1",转换为相应的浮点值。

    有效的十六进制格式如"0xf",转换为对应的十进制整数值。

    如果字符串包含除上述情况之外的其他字符,则返回 NaN。

  6. 对象:调用 valueOf()方法,并按照上述规则转换返回的值。如果转换结果是 NaN,则调用 toString()方法,再按照转换字符串的规则转换。

let num1 = Number("Hello world!"); // NaN
let num2 = Number(""); // 0
let num3 = Number("000011"); // 11
let num4 = Number(true); // 1
 

parseInt()

parseInt()的规则比较简单:

  1. 忽略空格一直到第一个非空格字符。如果不是数值、+、-,则返回 NaN。

  2. 遇到特殊字符后停止转换并返回结果。

  3. 如果字符串以"0x"开头,解释为十六进制整数。

  4. 如果字符串以"0"开头,且紧跟着数值字符,在非严格模式下会被某些实现解释为八进制整数。

let num1 = parseInt(""); // NaN
let num2 = parseInt("1234blue"); // 1234
let num3 = parseInt("A"); // NaN
let num4 = parseInt("1.1"); // 1
let num5 = parseInt("0xA"); // 10,解释为十六进制整数
let num6 = parseInt(22.5); // 22
let num7 = parseInt("70"); // 70,解释为十进制值
let num8 = parseInt("0xf"); // 15,解释为十六进制整数
let num9 = parseInt(true); //NaN,不能识别布尔值
 

所以它只能得到整数,可以用它取整。

为了防止混淆,parseInt()还可以传入第二个参数,用于指定底数。最后得到的都是十进制数。

let num1 = parseInt("0xAF", 16); // 175
let num2 = parseInt("AF", 16); // 175 ,传入底数就可以省略0x
let num3 = parseInt("AF"); // NaN,不传那肯定要报错

let num4 = parseInt("10", 2); // 2,按二进制解析
let num5 = parseInt("10", 8); // 8,按八进制解析
let num6 = parseInt("10", 10); // 10,按十进制解析
let num7 = parseInt("10", 16); // 16,按十六进制解析
 

推荐始终传入第二个参数

parseFloat()

parseFloat()也从头开始检测,并在检测到无效字符后停止。

但是它允许小数点出现一次。也就是它可以返回浮点数。并且它只解析十进制数。所以十六进制因为 0 开头,始终得到 0。它也没有第二个参数。

let num1 = parseFloat("1234blue"); // 1234,按整数解析
let num2 = parseFloat("0xA"); // 0
let num3 = parseFloat("a"); //NaN
let num4 = parseFloat("22.5"); // 22.5
let num5 = parseFloat("22.34.5"); // 22.34
let num6 = parseFloat("0908.5"); // 908.5
let num7 = parseFloat("3.125e7"); // 31250000
let num8 = parseInt(true); //NaN,不能识别布尔值
 

回复

我来回复
  • 暂无回复内容