JS 里的数据类型转换

为什么要进行数据类型转换？

首先我们知道JavaScript 是一种动态类型语言，变量没有类型限制，可以随时赋予任意值。
变量的数据类型是不确定的，但是各种运算符对数据类型是有要求的。
如果运算符发现，运算子的类型与预期不符，就会自动转换类型。（这个时候就需要各种数据类型转换的函数，为了增加语言的便捷性，减少报错）
比如，减法运算符预期左右两侧的运算子应该是数值，如果不是，就会自动将它们转为数值。

一、转换为数字number

1、Number()

使用 Number 函数，可以将任意类型的值转化成数值

• 数值：转换后还是原来的值
  例：Number(324) // 324

• 字符串：
  如果可以被解析为数值，则转换为相应的数值
  例：  Number('324') // 324
  如果不可以被解析为数值，返回 NaN
  例：  Number('324abc') // NaN
  空字符串转为0
  例：  Number('') // 0

• 布尔值：true 转成 1，false 转成 0
  例：
  Number(true) // 1
Number(false) // 0

• undefined：转成 NaN
  例：  Number(undefined) // NaN

• null：转成0
  例：  Number(null) // 0

2、parseInt()

• parseInt(string, radix)，可多传入一个参数 radix（即进制），表示传入 string 的进制，默认值为10，即十进制。始终指定此参数可以消除阅读该代码时的困惑，并且保证转换结果可预测。
  例：parseInt('123', 5) // 将'123'看作5进制数，返回十进制数38 => 1*5^2 + 2*5^1 + 3*5^0 = 38

• 区别：Number() 遇到不能无法转成数值的字符时，会直接转换为NaN，而parseInt()逐个解析字符，直到遇到可转换的字符。
  例：parseInt("FXX12", 10) //返回12

• 当然，如果parseInt 遇到了不属于radix参数所指定的基数中的字符,那么该字符和其后的字符都将被忽略。接着返回已经解析的整数部分。
  例1：parseInt("FXX12XX", 10) // 返回12
  例2：parseInt("546", 2); // 返回NaN，除了“0、1”外，其它数字都不是有效二进制数字

3、parseFloat()

• parseFloat() 函数解析一个字符串参数并返回一个浮点数。
  parseFloat("3.14"); // 返回3.14

• 如果在解析过程中遇到了正负号(+或-),数字(0-9),小数点,或者科学记数法中的指数(e或E)以外的字符,则它会忽略该字符以及之后的所有字符,返回当前已经解析到的浮点数.
  parseFloat("314e-2")// 返回3.14;

• 如果参数字符串的第一个字符不能被解析成为数字,则parseFloat返回NaN。
  parseFloat("FF2")// 返回 NaN

4、黑科技

‘x’ - 0和+‘x’，这两种方法等价于Number()函数（因为这种操作会在内部隐性调用Number()），x不能包含非数字的字符串。
注意：null转为数值时为0，而undefined转为数值时为NaN。
null + 1 // 1
undefined + 1 // NaN

二、转换为字符串string

1、string()

String函数可以将任意类型的值转化成字符串。

• 数值：转为相应的字符串。
  String(123) // "123"

• 字符串：转换后还是原来的值。
  String('abc') // "abc"

• 布尔值：true转为字符串"true"，false转为字符串"false"。
  String(true) // "true"

• undefined：转为字符串"undefined"。
  String(undefined) // "undefined"

• null：转为字符串"null"。
  String(null) // "null"

• String方法的参数如果是对象，返回一个类型字符串；如果是数组，返回该数组的字符串形式。
  String({a: 1}) // "[object Object]"
String([1, 2, 3]) // "1,2,3"

2、toString() 方法

• .toString()可以将所有的的数据都转换为字符串，但是不能转换 null 和 undefined

• .toString()括号中的可以写传入一个参数 radix，代表进制，对应进制字符串（默认是10），string() 则不行

var t = 8;
t.toString(2);  //1000

需要注意的是不要写成：
1.toString(); //JS会报错（Uncaught SyntaxError: Invalid or unexpected token）
因为js会将1后面的点 . 当成是小数点，在js眼中就是这样的，自然会报错

1.toString()

可以写成
(1).toString();//1 加上括号就可避免这样的问题
或者 1..toString();

3、黑科技：+ ‘’, JavaScript 遇到预期为字符串的地方，就会将非字符串的值自动转为字符串。

三、转换为布尔值boolean

1、Boolean函数可以将任意类型的值转为布尔值。

除了以下五个值的转换结果为false，其他的值全部为true，这五个值称之为 falsy 值。

• undefined

• null

• -0或+0

• NaN

• ''（空字符串）

Tips：所有对象（包括空对象）的转换结果都是true，甚至连false对应的布尔对象new Boolean(false)也是true

2、黑科技

• !! ‘x’：两次取反，内部调用的也是Boolean函数

作者：饥人谷_朱笑笑啊
链接：https://www.jianshu.com/p/a99dd147bf98