数据类型转换
##1.强制类型转换 JS中常见的3种强制类型转换:
- Number(value)——把给定的值转换成数字(可以是整数或浮点数)
- Boolean(value)——把给定的值转换成Boolean型
- String(value)——把给定的值转换成字符串
1.1 Number(value)
Number(value)——把给定的值转换成数字(可以是整数或浮点数),它转换的是整个值,而不是部分值。
console.log(Number("123.12")); // 输出: 123.12
console.log(Number("sxt")); // 输出: NaN
console.log(Number("123.12sxt")); // 输出: NaN```
---
1.2 Boolean(value)
Boolean(value)——把给定的值转换成Boolean型。
当value其值为 0、-0、null、""、false、undefined 或 NaN 时,那么Boolean()转换成Boolean类型的值为 false。
console.log(Boolean(-0)); // 输出: false console.log(Boolean(null)); // 输出: false
console.log(Boolean(undefined)); // 输出: false console.log(Boolean("")); // 输出: false
console.log(Boolean(NaN)); // 输出: false console.log(Boolean(false)); // 输出: false
1.3 String(value)
String(value)——把给定的值转换成字符串
console.log(String(123)); // 输出: "123"
console.log(String(true)); // 输出: "true"
console.log(String(false)); // 输出: "false"
console.log(String(undefined)); // 输出: "undefined"
console.log(String(null)); // 输出: "null"
console.log(String(NaN)); // 输出: "NaN"```
---
##2. 隐式类型转换
我们知道:number类型和number类型可以相加,作为数字类型的加法运算; string类型也可以和string类型相加,相当于拼接字符串。
var number = 1 + 2; console.log(number); // 输出:3```
var string = "Hello " + " World!";
console.log(string); // 输出:Hello World!```
那么不同的数据类型可以相加吗? 比如string类型和number类型?
var str = "Hello World " + 2017; console.log(str); // 输出: Hello World 2017 console.log(typeof str); // 输出: string```
因为JavaScript的数据类型是非常弱的,在使用算术运算的时候,JS的引擎在运算之前把number类型悄悄的进行了隐式转换,把number类型隐式转换为string类型,然后做了string类型与string类型的拼接。
var num = 2 + true;
console.log(num); // 输出: 3
console.log(typeof num); // 输出: number```
var str3 = "22" + true; console.log(str3); // 输出: 22true console.log(typeof str3); // 输出: string```
总结: “+”既可以表示字符串连接,又可以表示算术加,这取决于它的操作数,如果有一个为字符串的,那么就是字符串连接了。
3.parseInt和parseFloat函数
3.1 parseInt函数
parseInt() 函数可解析一个字符串,并返回一个整数。
// 全是字母的时候
console.log(parseInt("sxt")); // 输出: NaN
// 全是数字的时候
console.log(parseInt("12.42")); // 输出:12
// 如果字母和数字都存在
console.log(parseInt("123sxt")); // 输出: 123
console.log(parseInt("123sxt234ande567")); // 输出: 123
console.log(parseInt("sxt123")); // 输出:NaN```
>总结:如果参数第一个字符不是数字,返回NaN;如果参数第一个字符是数字,则返回前面找到的所有的数字字符。
**注意: 开头和结尾的空格是允许的。**
console.log(parseInt(" 123123sxt")); // 输出: 123 console.log(parseInt(" 123 ")); // 输出: 123```
3.2 parseFloat函数
parseFloat() 函数可解析一个字符串,并返回一个浮点数。
// 全是字母的时候
console.log(parseFloat("sxt")); // 输出: NaN
// 全是数字的时候
console.log(parseFloat(123)); // 输出: 123
console.log(parseFloat(123.456)); // 输出: 123.456
// 如果字母和数字都存在
console.log(parseFloat("123.12sxt")); // 输出: 123.12
console.log(parseFloat("123.12sxt456sxt")); // 输出: 123.12
console.log(parseFloat("sxt123.1")); // 输出: NaN```
>总结:如果参数的第一个字符不是数字,则返回NaN;如果参数的第一个字符是数字,则返回前面找到的所有的数字字符(包含小数)。
**注意:开头和结尾的空格是允许的。**