JS基本数据类型之间的转换

最新推荐文章于 2023-04-18 12:00:33 发布

丨Q ，Q丨

最新推荐文章于 2023-04-18 12:00:33 发布

阅读量733

点赞数 2

CC 4.0 BY-SA版权

分类专栏： JS

本文链接：https://blog.youkuaiyun.com/qq2071114140/article/details/92478526

JS 专栏收录该内容

40 篇文章

订阅专栏

博客介绍了JS基本数据类型（number、string、boolean、undefined、null）之间的转换方法。包括转换为string的三种方式，转换为number的三种方式及与Number()函数的区别，还有转换为Boolean的两种方式及不同值转换后的结果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JS基本数据类型之间的转换

基本数据类型
1. number
2. string
3. boolean
4. undefined
5. null

一.转换为string

1.调用toString()方法

因为null和undefined没有toString()方法，所以，不能通过这样的方式进行转换。

var a = 123;
var b = a.toString();
console.log(typeof b + " " + b);

a = true;
b = a.toString();
console.log(typeof b + " " + b);

2.通过String()函数

        var a;
        var b = String(a);
        console.log(typeof b + " " + b);

        a = null;
        b = String(a);
        console.log(typeof b + " " + b);

        a = 123;
        b = String(a);
        console.log(typeof b + " " + b);

        a = true;
        b = a.toString();
        console.log(typeof b + " " + b);

3. + "" （加一个空串""）

这种方式的本质，还是调用了String()函数

        var a;
        var b = a + "";
        console.log(typeof b + " " + b);

        a = null;
        b = a + "";
        console.log(typeof b + " " + b);

        a = 123;
        b = a + "";
        console.log(typeof b + " " + b);

        a = true;
        b = a + "";
        console.log(typeof b + " " + b);

二.转换为number

1.使用Number()函数

//字符串转数字

    //纯数字字符串，直接转
        var a = "123";
        var b = Number(a);
        console.log(typeof b + " " + b);

    //含有非数字字符，转换为NaN
        a = "123x";
        b = Number(a);
        console.log(typeof b + " " + b);

//布尔值转数字 true转为1，false转为0
        var a = true;
        var b = Number(a);
        console.log(typeof b + " " + b);

        a = false;
        b = Number(a);
        console.log(typeof b + " " + b);

//null转为0
        var a = null;
        var b = Number(a);
        console.log(typeof b + " " + b);

//undefined转换为NaN
        var a;
        var b = Number(a);
        console.log(typeof b + " " + b);

2.使用parseInt()或parseFloat()函数

和Number()的不同
1. 对于非字符串类型，先转换为字符串
2. 从左向右遍历字符串，直到碰到非数字字符进行“截断”；如果第一个字符就是非数字字符，转换为NaN

        var a = true;
        var b = parseInt(a);
        //首先，将boolean型的true转换为字符串"true"
        //因为没有数字字符，所以为NaN
        console.log(typeof b + " " + b);

        a = "123";
        b = parseInt(a);
        console.log(typeof b + " " + b);

        a = "A123";
        b = parseInt(a);
        console.log(typeof b + " " + b);

3.通过一元运算符 + （正号）

本质上调用了Number()函数

        var a;
        var b = +a;
        console.log(typeof b + " " + b);

        a = null;
        b = +a;
        console.log(typeof b + " " + b);

        a = true;
        b = +a;
        console.log(typeof b + " " + b);

        a = "123";
        b = +a;
        console.log(typeof b + " " + b);

        a = "123A";
        b = +a;
        console.log(typeof b + " " + b);