2.数据类型转换
-
数据类型转换分为两种
-
显式转换(强制转换):通过js的方法,转换成自己想要的数据类型
-
隐式转换:在js进行某些运算的时候 自动完成转换数据类型
-
2.1 强制转换
2.1.1 强制转换为number
-
Number(要转换的数据)
-
作用:将数据转换成number类型,如果转换不了则是返回NaN
-
<script> // Number类型转换 // 1.number类型 var n1 = 10; console.log( Number(n1) );//10 // 2.string类型转换 var n2 = "10"; console.log( Number(n2));//10 var n3 = "10px"; console.log(Number(n3));//NaN var n4 = "px10abc"; console.log(Number(n4));//NaN var n5 = ""; console.log(Number(n5));//0 // 3.boolean类型 var n6 = true; console.log(Number(n6));//true----1 var n7 = false; console.log(Number(n7));//false----0 // 4.undefined var n8 = undefined; console.log(Number(n8));//NaN // 5.null var n9 = null; console.log(Number(n9));//0 // 总结:Number可以转换的有:string类型(纯数字,""-0 " "-0) boolean(true-1 false-0) null(0) </script>
-
parseInt(要转换的数据)
-
==主要是针对字符串数据操作==
-
作用:将数据转换成number类型,从左往右转换,遇到不能转换的或者是末尾结束,如果一开始都不能转换则是NaN 并且取整(舍弃小数)
-
var n1 = "10.5"; console.log(parseInt(n1));//10 var n2 = "10.5px"; console.log(parseInt(n2));//10 var n3 = "px10.5"; console.log(parseInt(n3));//NaN var n4 = "11px123"; console.log(parseInt(n4));//11 var n5 = undefined; console.log(parseInt(n5));
-
parseFloat(要转换的数据)
-
==主要针对字符串数据操作==
-
作用:将数据转换成number类型,从左往右转换,遇到不能转换的或者是末尾结束,如果一开始都不能转换则是NaN 保留小数
-
<script> // parseFloat: 将数据转换成number类型,从左往右转换,遇到不能转换的或者是末尾结束,如果一开始都不能转换则是NaN 保留小数 var n1 = "10.8"; console.log(parseFloat(n1));//10.8 var n2 = "10.8px"; console.log(parseFloat(n2));//10.8 var n3 = "px10.8"; console.log(parseFloat(n3));//NaN var n4 = "11.8px1234"; console.log(parseFloat(n4));//11.8 var n5 = undefined; console.log(parseFloat(n5));//NaN </script>