简单数据类型转换

---

如何使用谷歌浏览器，快速的查看数据类型？

• 字符串的颜色是黑色的
• 数值类型是蓝色的
• 布尔类型也是蓝色的
• undefined和null是灰色的

这个在调试过程中时非常有用的。

1、转字符串类型

1.1String()函数转换

let num = 123;
console.log(String(num)); // "123"

2.1toString() 转换不了undefined 和 null

let num = 123;
console.log(num.toString());        // "123"
console.log(undefined.toString());  // 报错
console.log(null.toString());       // 报错

3.1+ "" 加引号

let num = 123;
console.log(num + ""); // "123"

2、转数值类型

1.1Number

• 如果转换的是空字符串，返回的是0；
• 如果是数字字符串，转换后保留原数据；
• 非数字字符串，转换之后为NaN；

console.log(Number("-123"));    // -123
console.log(Number(""));        // 0
console.log(Number("123abc"));  // NaN

2.1parseInt(取整)

• 小数数字字符串，转换之后，保留整数部分(取整)；
• 数字开头非纯数字字符串，转换之后保留整数部分；
• 非数字字符串，转换之后为NaN；

console.log(parseInt("123.123"));       // 123
console.log(parseInt("123.123abc"));    // 123
console.log(parseInt("abc123.123"));    // NaN
console.log(parseInt(""));              // NaN
console.log(parseInt("abc"));           // NaN

3.1parseFloat(取数)

• 数字字符串，转换之后保留原数据；
• 数字开头的非纯数字字符串，转换之后保留数字部分(包括小数)；
• 非数字字符串转换之后为NaN；

console.log(parseFloat("123.123")); // 123.123
console.log(parseFloat("123.123abc")); // 123.123
console.log(parseFloat("abc123.123")); // NaN
console.log(parseFloat("")); // NaN
console.log(parseFloat("abc")); // NaN

4.1参与运算==> "+" or "-0"

• 把字符串-123转换成数字类型-123；

let str = "-123";
console.log(+str);  // -123
console.log(str-0); // -123

3、转布尔类型

布尔类型只有true和false，但是所有类型的值都可以转换成布尔类型

1.1能够转换成false的只有6种：

• ""
• 0
• NaN
• undefined
• null
• false

其余的都是true

2.1! 转换

let str = "";
// Boolean() 判断这个参数的布尔类型
console.log(Boolean(str)); // false

console.log(!str); // true