js数字操作之tofixed()+parseInt()+parseFloat()

tofixed+parseInt+parseFloat

  • 一、数字toFixed()
    • 1.toFixed()
    • 2.缺点
  • 二、parseInt()
  • 三、parseFloat()

一、数字toFixed()

1.toFixed()

方法可把 Number 四舍五入为指定小数位数的数字。但需要注意的是,它的返回值其实是个字符串
它的入参须是一个正整数,而且只能作用于number类型否则会报错

  let a = 1.111111
  let b = a.toFixed(2);
  console.log(b);
  console.log(typeof b);
  let c = 1.2;
  let d = c.toFixed(1);
  console.log(d);
  console.log(typeof d);

js数字操作之tofixed()+parseInt()+parseFloat()_第1张图片

2.缺点

tofixed()并不是稳定的四舍五入
比如:

  let a = 0.525
  console.log(a.toFixed(2)); // 0.53
  let b = 1.525
  console.log(b.toFixed(2)); // 1.52
  let c = 2.525
  console.log(c.toFixed(2)); // 2.52

js数字操作之tofixed()+parseInt()+parseFloat()_第2张图片
所以对数值精度要求比较高的时候请慎重使用

二、parseInt()

parseInt可以将字符串转换为整数
语法:

parseInt(string, radix)
参数 描述
string 必需。要被解析的字符串。
radix 可选。表示要解析的数字的基数。该值介于 2 ~ 36 之间。如果省略该参数或其值为 0,则数字将以 10 为基础来解析。如果它以 “0x” 或 “0X” 开头,将以 16 为基数。如果该参数小于 2 或者大于 36,则 parseInt() 将返回 NaN。

返回值:
返回解析后的数字。
注意:
当参数 radix 的值为 0,或没有设置该参数时,parseInt() 会根据 string 来判断数字的基数。
举例,如果 string 以 “0x” 开头,parseInt() 会把 string 的其余部分解析为十六进制的整数。如果 string 以 0 开头,那么 ECMAScript v3 允许 parseInt() 的一个实现把其后的字符解析为八进制或十六进制的数字。如果 string 以 1 ~ 9 的数字开头,parseInt() 将把它解析为十进制的整数。

  console.log(parseInt("10"));			//返回 10
  console.log(parseInt("110", 2));		//返回 6 (4+2+0)
  console.log(parseInt("11", 8));		//返回 9 (8+1)
  console.log(parseInt("12", 10));		//返回 12 (10+2)
  console.log(parseInt("1f", 16));		//返回 31 (16+15)

js数字操作之tofixed()+parseInt()+parseFloat()_第3张图片

三、parseFloat()

parseFloat() 函数可解析一个字符串,并返回一个浮点数。
该函数指定字符串中的首个字符是否是数字。如果是,则对字符串进行解析,直到到达数字的末端为止,然后以number形式返回该数字
语法:
parseFloat(string) --string: 必需。要被解析的字符串。
parseFloat 将它的字符串参数解析成为浮点数并返回。如果在解析过程中遇到了正负号(+ 或 -)、数字 (0-9)、小数点,或者科学记数法中的指数(e 或 E)以外的字符,则它会忽略该字符以及之后的所有字符,返回当前已经解析到的浮点数。同时参数字符串首位的空白符会被忽略。
如果参数字符串的第一个字符不能被解析成为数字,则 parseFloat 返回 NaN。

  console.log(parseFloat('10.111')); // 10.111
  console.log(parseFloat('10.000')); // 10
  console.log(parseFloat('10')); // 10
  console.log(parseFloat(' 10 ')); // 10
  console.log(parseFloat('10 12 13')); //10
  console.log(parseFloat('111gh')); // 111
  console.log(parseFloat('gg111')); // NaN

js数字操作之tofixed()+parseInt()+parseFloat()_第4张图片

你可能感兴趣的:(ES6学习笔记,前端社会成长之路,js)