数据类型转换

数据类型转换

4.1什么是数据类型转换

使用表单、prompt获取过来的数据默认是字符串类型的，此时就不能直接简单的进行加法运算，
而需要转换变量的是数据类型。通俗来说，就是 把一种数据类型的变量转换成另一种数据类型。

我们通常会实现3中方式的转换：

转换为字符串类型

转换为数字型

转换为布尔型

4.2转换为字符串

tostring()和String使用方式不一样

三种转换方式，我们更喜欢用第三种加号拼接字符串转换方式，这一种方式也称之为隐式转换。

代码案例：

1.把数字型转换为字符型 变量.tostring（）

<script>
       //1.把数字型转换为字符型 变量.tostring（）
       var num = 10;
       var str = num.toString();
       console.log(str);
       console.log(typeof str);
       //2.我们利用string(变量)
       console.log(String(num));
       //3.利用 + 拼接字符串的方法实现转换效果
       console.log(num + '');
    </script>

4.3转换为数字型（重点）

注意parselnt和parseFloat单词的大小写，这2个是重点

隐式转换是我们在进行算术运算的时候，JS自动转换了数据类型

<script>
        // var age = prompt('请输入您的年龄');
        // 1.parseInt(变量) 可以把 字符型的转换为数字型 得到是整数
        // console.log(parseInt(age));
        console.log(parseInt('3.14'));  //3取整
        console.log(parseInt('3.94'));  //3取整
        console.log(parseInt('120px')); //120会去到这个px单位
        console.log(parseInt('rem120px'));  //NaN
        //2.parseFloat(变量)可以把 字符型的转换为数字型 得到是小数 浮点数
        console.log(parseFloat('3.14'));    //3.14
        console.log(parseFloat('120px')); //120会去到这个px单位
        console.log(parseFloat('rem120px'));  //NaN
        // 3.利用Number（变量）
        var str = '123';
        console.log(Number(str));
        console.log(Number('12'));
        //4.利用了算数运算 - * / 隐式转换
        console.log('12' - 0);  //12
        console.log('123' - '120');
        console.log('123' * 1);
    </script>

感兴趣可以关注微信公众号黑马金牌编程