JavaScript学习笔记——变量转换

转换为String

方法一：变量+””或者变量+“xxx”
也就是拼串

var a = 1;  // Number 类型
console.log(a + '');  // 转换成 String 类型
console.log(a + '2');  // 转换成 String 类型

方法二：调用toString()方法

.toString()

不会影响原变量，返回转换后的结果，如果写成a = a.toString()，则意味着直接修改原变量
注意：
null和undefined这两个值没有toString()方法，所以它们不能用方法二。如果调用，会报错。
Number类型的变量，在调用toString()时，可以在方法中传递一个整数作为参数。
此时它将会把数字转换为指定的进制，如果不指定则默认转换为10进制。

var a = 255;
a = a.toString(2);     //二进制
console.log(a);        // 11111111
console.log(typeof a); // string

方法三：使用String()函数

String(变量)

使用String()函数做强制类型转换时：
对于Number和Boolean而言，实际上就是调用toString()方法。
但是对于null和undefined，就不会调用toString()方法。
它会将 null 直接转换为 “null”。将 undefined 直接转换为 “undefined”。

转换为Number

方式一：使用Number()函数
情况一：字符串 --> 数字
1.如果字符串中是纯数字，则直接将其转换为数字。
2.如果字符串中有非数字的内容，则转换为NaN。（此处可以看到Number()函数的局限性）
3.如果字符串是一个空串或者是一个全是空格的字符串，则转换为0。

情况二：布尔 --> 数字
true 转成 1
false 转成 0

情况三：null --> 数字
结果为：0

情况四：undefined --> 数字
结果为：NaN

方式二：parseInt()：字符串 -> 整数【重要】
parseInt()的作用是将字符串中的有效的整数内容转为数字，取数字时向下取整

parseInt()特性：

（1）只保留字符串最开头的数字，后面的中文自动消失

console.log(parseInt("2020学习了2小时"));  //打印结果：2020

console.log(parseInt("2020.08学习了2小时"));  //打印结果仍是：2020  （说明只会取整数）

console.log(parseInt("aaa2020.08学习了2小时"));  //打印结果：NaN

（2）自动带有截断小数的功能：向下取整，不四舍五入

var a = parseInt(5.8) + parseInt(4.7);
console.log(a);
//输出9：(5.8->5)+(4.7->4)=9
var a = parseInt(5.8 + 4.7);
console.log(a);
//输出9：5.8+4.7=10.5->10

（3）如果对非String使用parseInt()或parseFloat()，它会先将其转换为String然后再操作。对于非字符串的非数值类型，不要使用parseInt进行转换，直接使用Number()函数进行转换

var a = true;
console.log(parseInt(a));  //打印结果：NaN （因为是先将a转为字符串"true"，然后然后再操作）

var b = null;
console.log(parseInt(b));  //打印结果：NaN  （因为是先将b转为字符串"null"，然后然后再操作）

var c = undefined;
console.log(parseInt(c));  //打印结果：NaN  （因为是先将b转为字符串"undefined"，然后然后再操作）

var d = 168.23;
console.log(parseInt(d));  //打印结果：168  （因为是先将c转为字符串"168.23"，然后然后再操作）

（4）带两个参数时，表示进制转换

16进制的数字，以0x开头
8进制的数字，以0开头
2进制的数字，0b开头（不是所有的浏览器都支持：chrome和火狐支持，IE不支持）

比如010这个字符串，如果调用parseInt()转成数字时，有些浏览器会当成8进制解析，有些会当成10进制解析。
所以，比较建议的做法是：可以在parseInt()中传递第二个参数，来指定数字的进制。

个人理解：
后面的参数的含义是将传入的数当做什么进制，然后转换为10进制
也就是无论传进来什么值都会先转成10进制，然后通过第二个参数再把这个10进制数当成8进制或者16进制再转换成10进制
举例：
①console.log(parseInt(0x17,8))，就是0x17先转为十进制是23，然后23被当成8进制，再转换为十进制输出为19
②console.log(parseInt(10,8))，因为10就是十进制的数，所以就是10被当做8进制，再转为十进制则输出8
③console.log(parseInt(8,8))会输出NaN

所以再举个例子：如果想传入16进制的数不要加0x，直接加后面的数字即可，然后第二个参数设置16，告诉浏览器这个数字是16进制就可以实现16转10进制
如果数值溢出，比如将19当做8进制转换10进制，就会输出错误的结果，建议在转的时候过滤一下数值

var a = 0x17;
console.log(a);
console.log(parseInt(a,8));
console.log(parseInt(a,16));

图解：

方法三：parseFloat()：字符串 --> 浮点数（小数）
parseFloat()的作用是：将字符串转换为浮点数。
parseFloat()和parseInt()的作用类似，不同的是，parseFloat()可以获得有效的小数部分。

var a = '123.456.789px';
console.log(parseFloat(a)); // 打印结果：123.456

转换为 Boolean【重要】

将其他的数据类型转换为Boolean，可以使用Boolean()函数。

情况一：数字 --> 布尔。除了0和NaN，其余的都是true。
情况二：字符串 —> 布尔。除了空串，其余的都是true。
情况三：null和undefined都会转换为false。
情况四：对象也会转换为true。