JavaScript-类型转换 224

将从页面采集的数据转换为需要的数据类型进行处理,比如对dom获取数据的操作

1)将指定的字符串转换成整数

方式1:parseInt(str,[进制]) 参数1要转换的字符串 参数2(可选)默认十进制(ES5标准)

方式2:Number(str)将给定的值(任意的类型)转换成数字(整数或小数都可以)

 <script type="text/javascript">
    //parseInt(str) 将指定的字符串，转换成整数
    parseInt('10')   //10
    parseInt('10.33')  //10
    parseInt('34 45 66') //34 
    parseInt(' 60 ')   //60
    parseInt('40 years') //40
    parseInt('This is 40')  //NaN
    parseInt('40,天')  //40
    //Number(arg)
    Number('10');//10
    Number('10.5');//10.5
    Number(true);//1
    Number(false);//0
    Number('');//0
    Number('abc');//NaN
    Number(undefined);//NaN
    Number(null);//0
    </script>

方式1与方式2类型转换的区别:

1)方式1只能为字符串转换为数字;方式2可以为任何JS数据类型转换为数字

2)方式1是为字符串逐个字符进行转换的;转换规则是从字符串中第一个不是空格的字符开始转换直至遇到不能转换为数字的字符为止比如str=' 123.5 ';转换数字为123 自己测试

方式2是将传入的值作为整体进行转换;如果传入的是字符串,如果该字符串不能完全转换为整型则返回NaN,比如str='1a56'; str='123,6';(3与6之间是逗号;如果3与6之间是点则转换为小数)

NaN:Not a Number;判断传入的参数是否可以转换成功可以使用isNan()方法

var num=Number('s123');
    if (isNaN(num)) {
      alert('转换失败');
    } else {
      alert('转换成功');
    }

2)parseFloat(str)//将指定的字符串转换为小数

 parseFloat(' 12a8.8'); //12      
 parseFloat(' 12.8.8'); //12.8
 parseInt(' 12.8.8'); //12  遇到不是数字的字符停止转换

parseInt(str)与parseFloat(str)唯一区别是parseInt()遇到点停止转换,其他的都差不多

3)String(arg)将给定的值(任意类型)转换成字符串;还有一种toString()方法

   var n1=10,n2=10;
    alert(n1+n2); //20
    //方式1
    n1=String(n1);
    n2=String(n2);
    alert(n1+n2); //1010
    //方式2
    n1=n1.undefined();
    n2=n2.toString();
    alert(n1+n2); //1010    

注意:如果变量其值为undefined或者null不能使用toString()方法(会报错)

4)Boolean(arg)将给定的值(任意类型)转换成布尔型

    alert(Boolean(0)); //false
    alert(Boolean('0')); //true
    alert(Boolean(null)); //false
    alert(Boolean('undefined')); //true
    alert(Boolean(undefined)); //false

注意:如果传入的是 1)数值类型 非0即为真 2)字符串类型 非空即为真

5)eval(codeString)传入一段字符串的js代码,此代码可以进行计算执行

alert(eval('5+3'));  //弹出对话框,显示为 8
eval('alert(5+3);');//弹出对话框,显示为 8