javascript中不同数据类型转换的方法

最新推荐文章于 2024-08-26 02:19:32 发布

莱德哈特

最新推荐文章于 2024-08-26 02:19:32 发布

阅读量379

点赞数 1

文章标签： javascript 前端

本文链接：https://blog.csdn.net/2301_80174941/article/details/136985848

版权

在javascript中存在不同的数据类型，包括数字型，字符串型，布尔型等。不同的数据类型之间可以相互转换。

一、转换为数字型

1、parseInt(变量)

通过parseInt(变量)，可以转换为整数。

2、parseFloat(变量)

通过parseFloat(变量)，可以转换为浮点数。

3、Number(变量)

通过parseFloat(变量)，可以转换为数字型。

4、隐式转换法

通过对字符型值或变量进行减乘除可以使其变为数字型。对于字符型的数字，加号会实现字符串的拼接，而减乘除会使其变为数字型进行运算，得到结果也是数字型。

例：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        var age = prompt('请输入您的年龄');
        // 1、通过parseInt(变量)将变量转换为数字型，转换结果为整数，
        console.log(parseInt(age));
        // 2、 通过parseFloat(变量)将变量转换为数字型，转换结果为小数
        console.log(parseFloat('1.23'));

        // 两函数都是读取数字从头开始，遇到字母停止读数，所以可以去单位
        // 若开头为字母则输出NaN
        console.log(parseInt(120px));   //输出120

        // 3、 通过Number函数 Number(变量)
        console.log(Number(age));
        // 4、通过隐式转换，运用四则运算中的减乘除，可将字符型转换为数字型
        console.log('12' * 1);   //输出12
        console.log('12' / 1);   //输出12
        console.log('12' - 0);   //输出12
        // 对于字符串型的数字，对其进行减乘除会使其变为数字型，加法会变为字符串拼接
    </script>
</head>

<body>

</body>

</html>

二、转换为字符串型

1、变量.toString()

通过变量.toString()可将其他类型变量转化为字符串型变量

2、String(变量)

利用函数String(变量)可将其他类型变量转化为字符串型变量

3、隐式转换法

通过数字加空字符直接转化为字符串形式

例

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // 1、通过变量.toString()可将其他类型变量转化为字符串型变量
        var num = 12;
        var str = num.toString();
        console.log(str);
        // 2、利用函数String(变量)
        var num1 = 10;
        var str1 = String(num1);
        console.log(str1);
        // 3、隐式转换法  通过数字加空字符直接转化为字符串形式
        console.log(num + '');
    </script>
</head>

<body>

</body>

</html>