JavaScript变量之间转换，以及隐式转换

一.类型转换分为

• 显示类型转换

toString()
String()
Number()
parseInt(string)
parseFloat(string)
Boolean()

• 隐式类型转换

isNaN ()
自增 自减运算符,正号负号,加号,运算符:-乘除

• 逻辑运算符：
• 关系运算符:结果时boolean

二 其他的简单类型转化为String

2.1 隐式类型转换:字符串拼接

• 格式:变量+""

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

上面的例子中，打印的结果，都是字符串类型的数据。实际上内部是调用的 String() 函数,也就是说，c = c + “” 等价于 c = String©。

2.2.调用toString()方法

• 语法

变量.toString()

【重要】该方法不会影响到原变量，它会将转换的结果返回。当然我们还可以直接写成a = a.toString()，这样的话，就是直接修改原变量。

• 注意：null 和 undefined 这两个值没有 toString()方法，所以它们不能用方法二。如果调用，会报错。
• 补充:另外，Number 类型的变量，在调用 toString()时，可以在方法中传递一个整数作为参数。此时它将会把数字转换为指定的进制，如果不指定则默认转换为 10 进制。例如：

var a = 255;
//对于Number调用toString()时可以在方法中传递一个整数作为参数
//此时它将会把数字转换为指定的进制,如果不指定则默认转换为10进制
a = a.toString(2); // 转换为二进制
console.log(a); // 11111111
console.log(typeof a); // string

2.3.强制转换使用String()函数

• 格式
  String(变量)
  使用 String()函数做强制类型转换时：

对于 Number 和 Boolean 而言，本质上就是调用 toString()方法。

但是对于 null 和 undefined，则不会调用 toString()方法。

它会将 null 直接转换为 “null”。将 undefined 直接转换为 “undefined”。

三.其他的数据类型转化为Number(重要)

3.1.Number()函数

3.1.1.字符串转数字

1.如果字符串中是纯数字，则直接将其转换为数字。
2.如果字符串是一个空串或者是一个全是空格的字符串，则转换为 0。
3.只要字符串中包含了其他非数字的内容（小数点按数字来算），则转换为 NaN。

3.1.2.布尔转为数字

true 转成 1
false 转成 0

3.1.3.null转数字

• 为0

3.1.4.undefined转为数字

• 结果时NaN

补充：怎么理解这里的 NaN 呢？可以这样理解，使用 Number() 函数之后，如果无法转换为数字，就会转换为 NaN。

3.2.parseInt()函数:字符串—数字

parseInt()的作用是将字符串中的有效的整数内容转为数字。parse 表示“转换”，Int 表示“整数”（注意Int的拼写）

3.2.1 字符串–数字

情况一：字符串 --> 数字

1.只保留字符串最开头的数字，后面的中文自动消失。
2.如果字符串不是以数字开头，则转换为 NaN。
3.如果字符串是一个空串或者是一个全是空格的字符串，转换时会报错。
情况二：Boolean --> 数字

结果为：NaN
情况三：Null --> 数字

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

结果为：NaN

总结Number() 函数和 parseInt() 函数的区别：

就拿Number(true) 和 parseInt(true)/parseFloat(true)来举例，二者在使用时，是有区别的：

Number(true) ：千方百计地想转换为数字。
parseInt(true)/parseFloat(true) ：先转为字符串，再提取出最前面的数字部分；没提取出来，那就返回 NaN。

3.2.2.parseInt()特性

(1)只保留字符串最开头的数字，后面的中文自动消失。例如：

console.log(parseInt("2017在公众号上写了6篇文章")); //打印结果：2017
console.log(parseInt("2017.01在公众号上写了6篇文章")); //打印结果仍是：2017   （说明只会取整数）
console.log(parseInt("aaa2017.01在公众号上写了6篇文章")); //打印结果：NaN （因为不是以数字开头）

（2）如果对非 String使用 parseInt()或 parseFloat()，它会先将其转换为 String 然后再操作。【重要】

比如：

var a = 168.23;

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



var b = true;

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

var c = null;

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

var d = undefined;

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

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

var a = parseInt(5.8) + parseInt(4.7);

console.log(a);//9

（4）带两个参数时，表示在转换时，包含了进制转换。,第二个参数时进制

var a = '110';

var num = parseInt(a, 16); // 【重要】将 a 当成 十六进制 来看待，转换成 十进制 的 num

console.log(num);//272

无论 parseInt() 里面的进制参数是多少，最终的转换结果是十进制。

3.2.3、任何值做+a、-a、/a运算时，运算结果都会自动转换为 Number 类型。 内部调用的是 Number() 函数。

var a = '666';
var b = +a;
console.log(typeof a); // 打印结果：string。说明 a 的数据类型保持不变。
console.log(a); // 打印结果：666
//2
console.log(typeof b); // 打印结果：number。说明 b 的数据类型发生了变化。
console.log(b); // 打印结果：666

四.parseFloat()函数,字符串转为浮点数

• parseFloat()和 parseInt()的作用类似，不同的是，parseFloat()可以获得有效的小数部分。

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

五 转为Boolean

5.1. 其他的数据类型都可以转换为Boolean类型，情况如下：

• 其他的数据都可以转换为Boolean类型。情况如下：

5.1.2、数字转为boolean 规则

• 除了0和NaN，其他都是true Boolean(NaN)结果时false

5.1.3、字符串转换为boolean规则

• 除了空串其余都是true，全是空格也是true ，‘0’也是true

5.1.3、null和undefined转换时false

5.1.4、引用类型会会转换为true

注意空数组[]和空对象{}，转换也是true，这个很多人不知道

5.1.5、隐式转换为Boolean类型

• 当非 Boolean 类型的数值和 Boolean类型的数值做比较时，会先把前者进行隐式转换为 Boolean类型，然后再做比较。举例如下：

console.log(1 == true); // 打印结果：true
console.log(0 == true); // 打印结果：false

5.1.6、显式转换为Boolean类型

• 方法一：！！可以显式转换为Boolean类型，比如!!结果式true
• 方法二：使用Boolean()函数可以显示转换为Boolean类型
  执行过程：

（1）先调用Number(参数)函数；

（2）然后将Number(参数)的返回结果和NaN进行比较。

console.log(isNaN(‘123’)); // 返回结果：false。
console.log(isNaN(‘abc’)); // 返回结果：true。因为 Number(‘abc’) 的返回结果是 NaN
console.log(isNaN(null)); // 返回结果：false
console.log(isNaN(undefined)); // 返回结果：true
console.log(isNaN(NaN)); // 返回结果：true
result1 = true + 1; // 2 = 1+ 1

result2 = true + false; // 1 = 1+ 0

result3 = 1 + null; // 1 = 1+ 0

result4 = 100 - '1' // 99

5.1.7.隐式转换–isNaN（参数）函数

• 解释：判断指定的参数是否为 NaN（非数字类型），返回结果为 Boolean 类型。也就是说：任何不能被转换为数值的参数，都会让这个函数返回 true。

六、进制

• 16进制-----0x开头
• 8进制----0开头
• 2进制----0b开头（不是所有浏览器都支持）

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

var a = "070";
a = parseInt(a, 8); //将 070 当成八进制来看待，转换结果为十进制。
console.log(a); // 打印结果：56。这个地方要好好理解。