0.1+0.2 = 0.300000000004?

为什么
解决方案

数字和字符串相加

JavaScript 的加法和级联(concatenation)都使用 + 运算符。
数字用加法。字符串用级联。

  1. 如果对两个字符串相加,结果将是一个字符串的级联:
  2. var x = "10";
  3. var y = "20";
  4. var z = x + y; // z 将是 1020(字符串)
  5. 如果您对一个数和一个字符串相加,结果也是字符串级联:
  6. var x = 10;
  7. var y = "20";
  8. var z = x + y; // z 将是 1020(一个字符串)
  9. 如果您对一个字符串和一个数字相加,结果也是字符串级联:
  10. var x = "10";
  11. var y = 20;
  12. var z = x + y; // z 将是 1020(字符串)
  13. 常见的错误是认为结果应该是 30
  14. var x = 10;
  15. var y = 20;
  16. var z = "The result is: " + x + y;
  17. 常见的错误是认为结果应该是 102030
  18. var x = 10;
  19. var y = 20;
  20. var z = "30";
  21. var result = x + y + z;
  22. JavaScript 从左向右进行编译。
  23. 因为 x y 都是数,10 + 20 将被相加。
  24. 因为 z 是字符串,30 + "30" 被级联。

NaN - 非数值

NaN 属于 JavaScript 保留词,指示某个数不是合法数。
尝试用一个非数字字符串进行除法会得到 NaN(Not a Number):

  1. var x = 100 / "Apple"; // x 将是 NaN(Not a Number)
  2. 不过,假如字符串包含数值,则结果将是数:
  3. var x = 100 / "10"; // x 将是 10
  4. isNaN(x); // 返回 true,因为 x 不是数
  5. 要小心 NaN。假如您在数学运算中使用了 NaN,则结果也将是 NaN
  6. var x = NaN;
  7. var y = 5;
  8. var z = x + y; // z 将是 NaN
  9. 结果也许是串连接:
  10. var x = NaN;
  11. var y = "5";
  12. var z = x + y; // z 将是 NaN5
  13. NaN 是数,typeof NaN 返回 number
  14. typeof NaN; // 返回 "number"

Infinity

Infinity (或 -Infinity)是 JavaScript 在计算数时超出最大可能数范围时返回的值。

  1. var myNumber = 2;
  2. while (myNumber != Infinity) { // 执行直到 Infinity
  3. myNumber = myNumber * myNumber;
  4. }
  5. 除以 0(零)也会生成 Infinity
  6. var x = 2 / 0; // x 将是 Infinity
  7. var y = -2 / 0; // y 将是 -Infinity
  8. Infinity 是数:typeOf Infinity 返回 number
  9. typeof Infinity; // 返回 "number"

十六进制

JavaScript 会把前缀为 0x 的数值常量解释为十六进制。

  1. var x = 0xFF; // x 将是 255
  2. 绝不要用前导零写数字(比如 07)。
  3. 一些 JavaScript 版本会把带有前导零的数解释为八进制。
  4. 默认地,Javascript 把数显示为十进制小数。
  5. 但是够使用 toString() 方法把数输出为十六进制、八进制或二进制。
  6. var myNumber = 128;
  7. myNumber.toString(16); // 返回 80
  8. myNumber.toString(8); // 返回 200
  9. myNumber.toString(2); // 返回 10000000

数值方法

toString() 方法

toString() 以字符串返回数值。
所有数字方法可用于任意类型的数字(字面量、变量或表达式):

  1. var x = 123;
  2. x.toString(); // 从变量 x 返回 123
  3. (123).toString(); // 从文本 123 返回 123
  4. (100 + 23).toString(); // 从表达式 100 + 23 返回 123

toExponential() 方法

toExponential() 返回字符串值,它包含已被四舍五入并使用指数计数法的数字。
参数定义小数点后的字符数:

  1. var x = 9.656;
  2. x.toExponential(2); // 返回 9.66e+0
  3. x.toExponential(4); // 返回 9.6560e+0
  4. x.toExponential(6); // 返回 9.656000e+0
  5. 该参数是可选的。如果您没有设置它,JavaScript 不会对数字进行舍入。

toFixed() 方法

toFixed() 返回字符串值,它包含了指定位数小数的数字:

  1. var x = 9.656;
  2. x.toFixed(0); // 返回 10
  3. x.toFixed(2); // 返回 9.66
  4. x.toFixed(4); // 返回 9.6560
  5. x.toFixed(6); // 返回 9.656000
  6. toFixed(2) 非常适合处理金钱。

toPrecision() 方法

toPrecision() 返回字符串值,它包含了指定长度的数字:

  1. var x = 9.656;
  2. x.toPrecision(); // 返回 9.656
  3. x.toPrecision(2); // 返回 9.7
  4. x.toPrecision(4); // 返回 9.656
  5. x.toPrecision(6); // 返回 9.65600

valueOf() 方法

valueOf() 以数值返回数值:

  1. var x = 123;
  2. x.valueOf(); // 从变量 x 返回 123
  3. (123).valueOf(); // 从文本 123 返回 123
  4. (100 + 23).valueOf(); // 从表达式 100 + 23 返回 123
  5. JavaScript 中,数字可以是原始值(typeof = number)或对象(typeof = object)。
  6. JavaScript 内部使用 valueOf() 方法可将 Number 对象转换为原始值。
  7. 没有理由在代码中使用它。
  8. 所有 JavaScript 数据类型都有 valueOf() toString() 方法。

把变量转换为数值

这三种 JavaScript 方法可用于将变量转换为数字:

  • Number() 方法
  • parseInt() 方法
  • parseFloat() 方法

这些方法并非数字方法,而是全局 JavaScript 方法。
JavaScript 全局方法可用于所有 JavaScript 数据类型。
这些是在处理数字时最相关的方法:

方法 描述
Number() 返回数字,由其参数转换而来。
parseFloat() 解析其参数并返回浮点数。
parseInt() 解析其参数并返回整数。

Number() 方法

Number() 可用于把 JavaScript 变量转换为数值:

  1. x = true;
  2. Number(x); // 返回 1
  3. x = false;
  4. Number(x); // 返回 0
  5. x = new Date();
  6. Number(x); // 返回 1404568027739
  7. x = "10"
  8. Number(x); // 返回 10
  9. x = "10 20"
  10. Number(x); // 返回 NaN
  11. 如果无法转换数字,则返回 NaN

用于日期的 Number() 方法

Number() 还可以把日期转换为数字:

  1. Number(new Date("2019-04-15")); // 返回 1506729600000
  2. 上面的 Number() 方法返回 1970 1 1 日至今的毫秒数。

parseInt() 方法

parseInt() 解析一段字符串并返回数值。允许空格。只返回首个数字:

  1. 实例
  2. parseInt("10"); // 返回 10
  3. parseInt("10.33"); // 返回 10
  4. parseInt("10 20 30"); // 返回 10
  5. parseInt("10 years"); // 返回 10
  6. parseInt("years 10"); // 返回 NaN
  7. 如果无法转换为数值,则返回 NaN (Not a Number)。

parseFloat() 方法

parseFloat() 解析一段字符串并返回数值。允许空格。只返回首个数字:

  1. parseFloat("10"); // 返回 10
  2. parseFloat("10.33"); // 返回 10.33
  3. parseFloat("10 20 30"); // 返回 10
  4. parseFloat("10 years"); // 返回 10
  5. parseFloat("years 10"); // 返回 NaN
  6. 如果无法转换为数值,则返回 NaN (Not a Number)。

数值属性

属性 描述
MAX_VALUE 返回 JavaScript 中可能的最大数。
MIN_VALUE 返回 JavaScript 中可能的最小数。
NEGATIVE_INFINITY 表示负的无穷大(溢出返回)。
NaN 表示非数字值(”Not-a-Number”)。
POSITIVE_INFINITY 表示无穷大(溢出返回)。
  1. JavaScript MIN_VALUE MAX_VALUE
  2. MAX_VALUE 返回 JavaScript 中可能的最大数字。
  3. var x = Number.MAX_VALUE;
  4. MIN_VALUE 返回 JavaScript 中可能的最小数字。
  5. var x = Number.MIN_VALUE;
  6. JavaScript POSITIVE_INFINITY
  7. var x = Number.POSITIVE_INFINITY;
  8. 溢出时返回 POSITIVE_INFINITY
  9. var x = 1 / 0;
  10. JavaScript NEGATIVE_INFINITY
  11. var x = Number.NEGATIVE_INFINITY;
  12. 溢出时返回 NEGATIVE_INFINITY
  13. var x = -1 / 0;
  14. JavaScript NaN - 非数字
  15. var x = Number.NaN;
  16. NaN 属于 JavaScript 保留字,指示数字并非合法的数字。
  17. 尝试使用非数字字符串进行算术运算将导致 NaN(非数字):
  18. var x = 100 / "Apple"; // x 将是 NaN (Not a Number)
  19. 数字属性不可用于变量
  20. 数字属性属于名为 number JavaScript 数字对象包装器。
  21. 这些属性只能作为 Number.MAX_VALUE 访问。
  22. 使用 myNumber.MAX_VALUE,其中 myNumber 是变量、表达式或值,将返回 undefined
  23. var x = 6;
  24. var y = x.MAX_VALUE; // y 成为 undefined