三种数据类型的转换

牧羊人_sj

已于 2023-06-07 09:48:09 修改

阅读量545

点赞数

文章标签： javascript html5

于 2021-11-29 22:09:52 首次发布

本文链接：https://blog.csdn.net/qq_59347596/article/details/121621035

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>三种数据类型的转换</title>
</head>
<body>
    <!-- 三种数据类型的转换 
      1、转换为字符串类型
      2、转换数字型
      3、转换为布尔型
    -->
</body>
</html>
<script>
   
    /*
    转换字符串
    1、将数字型转换为字符串型
    加号拼接字符串
    **/
    // 1、将数字型转换为字符串型
    var num = 100;
    var str = num.toString();
    console.log(str);
    console.log(typeof str);
    //   2、利用String
    console.log(String(num));
    // 3、利用+拼接字符串的方法实现转换效果  隐式转换
    console.log(num + '');

    // 2.1、转换数字型
   
    var age = prompt('请输入您的年龄')
    console.log( typeof  parseInt(age));
    console.log(parseInt('3.14')); // 取整
    console.log(parseInt('120px')); // 120 去除单位
    console.log(parseInt('rem120px'));  // NaN

    // parseInt 可以将字符型的转换为数字型 得到的是整数  会去除单位


    // 2.1、parseFloat（变量） 可以把字符串转换为数字型 得到的是小数 浮点数
    console.log(parseFloat('3.14'));
    console.log(parseFloat('120px')); // 120 去除单位
    console.log(parseFloat('rem120px'));  // NaN

    // 3、利用Number (变量)

    var str = '123';
    console.log(Number(str));
    console.log(Number('12'));

    // 4.利用算术运算符 - * / 隐式转换
    console.log('12' - 0);
    console.log('123' - '120'); //3


</script>

牧羊人_sj

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
三种数据类型的转换

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>三种.
复制链接

扫一扫