变量的类型转换,一般情况是JS自动转换的,但也有些时候需要手动转换。
其它类型转成布尔型
首先介绍一个系统内置函数Boolean(),用于将数据强制转换成布尔型,至于什么是函数,我们之后在介绍
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>php.cn</title> <script> var x1 = "abc"; //true var x2 = "110"; //true var x3 = ""; //false var x4 = 110; //true var x5 = 0; //false var x6 = NaN; //false var x7 = undefined; //false var x8 = null; //false //验证我们的注释结果是否正确 //使用Boolean()全局函数,强制将变量转化成布尔型 var result = Boolean(x1); //输出变量的类型和结果 document.write(x1+"转布尔型的转换结果为:"+result); </script> </head> <body> </body> </html>
注:我们只强制转换了一个,大家可以将剩余的也使用强制转换函数转换,查看输出结果
其它类型转成字符型
这次我们使用String()函数将其它类型强制转换成字符型
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>php.cn</title> <script> var x1 = true; //true var x2 = false; //false var x4 = 110; //110 var x5 = 0; //0 var x6 = NaN; //NaN var x7 = undefined; //undefined var x8 = null; //null //验证我们的注释结果是否正确 //使用String()全局函数,强制将变量转化成字符型 var result = String(x1); //输出变量的类型和结果 document.write(x1+"转字符型的转换结果为:"+result); </script> </head> <body> </body> </html>
注:其它的大家仔细测试吧,以后遇到转不明确的,请记得使用强制转换函数
其它类型转成数值型
这个我们使用Number()函数将其它类型强制转换成字符型
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>php.cn</title> <script> var x1 = true; //1 var x2 = false; //0 var x3 = "120px"; //NaN var x4 = 100; //100 var x5 = ""; //0 var x6 = undefined; //NaN var x8 = null; //0 //验证我们的注释结果是否正确 //使用Number()全局函数,强制将变量转化成数值型 var result = Number(x1); //输出变量的类型和结果 document.write(x1+"转数值型的转换结果为:"+result); </script> </head> <body> </body> </html>