老生常谈javascript的类型转换

目录：

1 : 伪对象 
2 : 转换为字符串 
3 : 数字转字符串 
4 : 转换为数字 
5 : 转换为Boolean 
6 : Number()和parseInt()的区别 
7 : String()和toString()的区别

1 : 伪对象

伪对象：javascript是一门很有意思的语言，即便是基本类型，也是伪对象，所以他们都有属性和方法。

变量a的类型是字符串，通过调用其为伪对象的属性length获取其长度 。

运行效果：
变量a的类型是:string
变量a的长度是:16

2 : 转换为字符串

无论是Number,Boolean还是String都有一个toString方法，用于转换为字符串

运行效果：
数字 10 转换为字符串10
布尔 true 转换为字符串true
字符串 hello javascript 转换为字符串 hello javascript

3 : 数字转字符串

Number转换为字符串的时候有默认模式和基模式两种

运行效果：
默认模式下，数字10转换为十进制的10
基模式下，数字10转换为二进制的1010
基模式下，数字10转换为八进制的12
基模式下，数字10转换为十六进制的a

4 : 转换为数字

javascript分别提供内置函数 parseInt()和parseFloat()，转换为数字

注：如果被转换的字符串，同时又数字和字符构成，那么parseInt会一直定位数字，直到出现非字符。 所以"10abc" 会被转换为 10

思考题: 字符串"10abc8" 又会被转换为多少呢？

运行效果：
字符串的"10"转换为数字的:10
字符串的"3.14"转换为数字的:444
字符串的"10abc"转换为数字的:10
字符串的"hello javascript"转换为数字的:NaN

5 : 转换为Boolean

使用内置函数Boolean() 转换为Boolean值
当转换字符串时：
非空即为true
当转换数字时：
非0即为true
当转换对象时：
非null即为true

运行效果：
空字符串''转换为布尔后的值:false
非空字符'hello javascript '串转换为布尔后的值:true
数字 0 转换为布尔后的值:false
数字 3.14 转换为布尔后的值:true
空对象 null 转换为布尔后的值:false
非对象 new Object() 转换为布尔后的值:true

6 : Number()和parseInt()的区别 

Number()和parseInt()一样，都可以用来进行数字的转换

区别在于，当转换的内容包含非数字的时候，Number() 会返回NaN(Not a Number)

parseInt() 要看情况，如果以数字开头，就会返回开头的合法数字部分，如果以非数字开头，则返回NaN

运行效果：

通过Number() 函数转换字符串'123' 后得到的数字：123
通过Number() 函数转换字符串'123abc' 后得到的数字：NaN
通过Number() 函数转换字符串'abc123' 后得到的数字：NaN
通过parseInt() 函数转换字符串'123' 后得到的数字：123
通过parseInt() 函数转换字符串'123abc' 后得到的数字：123
通过parseInt() 函数转换字符串'abc123' 后得到的数字：NaN

7 : String()和toString()的区别

String()和toString()一样都会返回字符串，区别在于对null的处理
String()会返回字符串"null"
toString() 就会报错，无法执行

运行效果：
String(null) 把空对象转换为字符串：null
null.toString() 就会报错，所以后面的代码不能执行

以上就是小编为大家带来的老生常谈javascript的类型转换全部内容了，希望大家多多支持脚本之家~