JavaScript_7 类型转换字符串型数字类型

最新推荐文章于 2022-07-27 16:59:11 发布

flyzer

最新推荐文章于 2022-07-27 16:59:11 发布

阅读量122

点赞数

分类专栏： HTML CSS JavaScript

本文链接：https://blog.csdn.net/flyzer/article/details/115675950

版权

HTML CSS JavaScript 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

本文介绍了JavaScript中如何将数字转换为字符串（toString()、String()和+操作符），以及反过来将字符型转换为数字（parseInt()、parseFloat()和Number()函数）。通过实例演示了这些类型转换在实际编程中的应用，重点讲解了数值转换的注意事项。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title> 页面 </title>
    <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>Document</title>
    <script>
        //蓝色是数字型 黑色是字符串型
        //一、转换为字符串型
        //1.变量.toString()
        var num=10;
        console.log(num);
        var str=num.toString();
        console.log(str);   //黑色的，是字符串类型
        console.log(typeof str);   
        //2.String(变量名)
        console.log(String(num));   //黑色的，是字符串类型
        //3.利用+拼接字符串的方法实现转换效果  隐式转换 重点常用
        console.log(num+'');    //黑色的，是字符串类型

        console.log("*********************");

        // 二、转换为数字型（重点） 注意大小写 (前两个parseInt和parseFloat重要)
        //1.parseInt(变量) 可以把字符型转换为数字型,得到的是整数，向下取整
        var age=prompt('请输入您的年龄');
        console.log(age);
        console.log(parseInt(age));
        console.log(parseInt('3.9'));   //3  向下取整
        console.log(parseInt('120px')); //120  会去掉后面的单位
        console.log(parseInt('rem120px')); //NaN  有问题
        //2.parseFloatf(变量) 可以把字符型转换为数字型,和上面的类似，只不过这个得到的是浮点数
        console.log(parseFloat('3.14'));   //3.14
        //3.利用Number(变量)
        var str='123';
        console.log(Number(str));
        //4.利用算术运算 - * /  隐式运算
        console.log('12'-0);    //12
        console.log('123'*1);    //123
        console.log('123'-'120');    //3
    </script>
</head>
<body>
    
</body>
</html>