js的数据类型转换

1、toString()：将其它类型的数据转换为字符串类型。

   var num = 12306;
   var str= num .toString();
   console.log(str); // 12306
   console.log(typeof str); // string

   var num1 = true;
   var str1 = num1.toString();
   console.log(str1 ); // true
   console.log(typeof str1 ); // string

注意:null和undefined没有toString()方法，如果强行调用,则会报错

 var num2 = undefined;
 var str2 = num2.toString(); // 报错
 console.log(str2 );

 var num3 = null;
 var str3= num3.toString(); // 报错
 console.log(res4);

 var num4 = NaN;
 var str4 = num4.toString();
 console.log(str4); // NaN
 console.log(typeof str4); // String

toString()不会影响到原变量，它会将转换的结果返回。

 var num5 = 10;
 var str5 = str5.toString();
 console.log(typeof num5 ); // number
 console.log(typeof str5 ); // string

2、String()函数:有的时候, 某些值并没有toString()方法，这个时候可以使用String()。比如：undefined和null

Number和Boolean的数据就是调用的toString()方法
对于null和undefined，就不会调用toString()方法, 因为没有这个方法, 会在内部生成一个新的字符串
+任何数据和 + 连接到一起都会转换为字符串, 其内部实现原理和String()函数一样

   var num1 = 100;
   var res1 = num1 + "";
   console.log(res1); // 100
   console.log(typeof res1); // string

   var num2 = true;
   var res2 = num2 + "";
   console.log(res2); // true
   console.log(typeof res2); // string

   var num3 = undefined;
   var res3 = num3 + "";
   console.log(res3); // undefined
   console.log(typeof res3); // string

   var num4 = null;
   var res4 = num4 + "";
   console.log(res4); // null
   console.log(typeof res4); // string

3、Number()函数

字符串转数字

var str1 = "666";
var res1 = Number(str1);
console.log(res1); // 666
console.log(typeof  res1); // number

var str2 = "itlike123";
var res2 = Number(str2);
console.log(res2); // NaN

var str3 = "";
var res3 = Number(str3);
console.log(res3); // 0

var str4 = "    ";
var res4 = Number(str4);
console.log(res4); // 0

如果是纯数字的字符串，则直接将其转换为数字
如果字符串中有非数字的内容，则转换为NaN
如果字符串是一个空串或者是一个全是空格的字符串，则转换为0

undefined 转数字

var str6 = undefined;
var res8 = Number(str6);
console.log(res8); // NaN

null 转数字

var str5 = null;
var res7 = Number(str5);
console.log(res7); // 0

布尔转数字

   var bool1 = true;
  var res5 = Number(bool1);
  console.log(res5); // 1

  var bool2 = false;
  var res6 = Number(bool2);
  console.log(res6); // 0

true 转成 1, false 转成 0

4、parseInt()函数和parseFloat()函数

Number()函数中无论混合字符串是否存在有效整数都会返回NaN, 利用parseInt()/parseFloat()可以提取字符串中的有效整数
parseInt()和parseFloat()的区别是前者只能提取整数,后者可以提取小数

parseInt()提取字符串中的整数

 var str7 = "300px";
 var res9 = parseInt(str7);
 console.log(res9); // 300

 var str8 = "300px250";
 var res10 = parseInt(str8);
 console.log(res10); // 300
 console.log(parseInt("abc123"));  //返回NaN，如果第一个字符不是数字或者符号就返回NaN
console.log(parseInt(""));        //空字符串返回NaN，Number("")返回0

从第一位有效数字开始, 直到遇到无效数字
如果第一位不是有效数字, 什么都提取不到, 会返回NaN
第一个参数是要转换的字符串，第二个参数是要转换的进制

parseFloat提取字符串中的小数
```
var str9 = "20.5px";
var res11 = parseInt(str9);
console.log(res11); // 20

var str10 = "20.5.5.5px";
var res12 = parseFloat(str10);
console.log(res12); // 20.5
```
- 会解析第一个. 遇到第二个.或者非数字结束
- 如果第一位不是有效数字, 什么都提取不到
- 不支持第二个参数，只能解析10进制数
- 如果解析的内容里只有整数，解析成整数

对非String使用parseInt()或parseFloat(), 会先将其转换为String然后在操作

   var str11 = true;
   var res13 = parseInt(str11); // 这里相当于parseInt("true");
   console.log(res13); // NaN
   var res14 = Number(str11);
   console.log(res14); // 1

js的数据类型转换

猜你喜欢