javascript中四种数据类型转换字符串类型的方法

317 阅读1分钟

前言

Snipaste_2023-01-06_02-51-11.png 我们可以将javascript中以下四种数据类型转换为字符串类型

1.Number类型
2.Boolean类型
3.undefined类型
4.null类型

在javascript中可以通过以下方法将数据转化为字符串类型,分别是:模板字符串方法`${数据}`,String(数据)方法,数据.toString()函数, 加号“+”运算符 (""+ 数据)等方法;

模板字符串法

直接使用模板字符串`${}`强制将数据转化为字符串

       <script>
        // 数字类型
        let num = 123
        console.log(typeof `${num}`)

        // undefined
        let str1 = undefined
        console.log(typeof `${str1}`)
        
        // Boolean类型
        let str2 = true
        console.log(typeof `${str2}`)

        // null
        let str3 = null
        console.log(typeof `${str3}`)
    </script>

String(数据)方法

通过String(数据)方法将数据转化Wie字符串

    <script>
        // 数字类型
        let num = 123
        console.log(typeof String(num))

        // undefined
        let str1 = undefined
        console.log(typeof String(String))
        
        // Boolean类型
        let str2 = true
        console.log(typeof String(str2))

        // null
        let str3 = null
        console.log(typeof String(str3))
    </script>

数据.toString()函数

使用.toString()函数将数据转换为字符串,

  • 只能将数字类型和Boolean转化为字符串型;
  • undefined和null是不可以的会报错;
  • javascript中用const定义的常量是不能转换,因为在js中常量是不能改变的哦!
    <script>
        // 数字类型
        let num = 123
        console.log(typeof num.toString())
        
        // Boolean类型
        let str2 = true
        console.log(typeof str2.toString())
    </script>

如果使用.toString()函数将undefined和null转换会报以下错误,当然实际开发中如果两个写在一个程序里面只会报一个错,另一个执行不到哦😂

    <script>
        // undefined
        let str1 = undefined
        console.log(typeof str1.toString())

        // null
        let str3 = null
        console.log(typeof str3.toString())
    </script>

无法读取未定义的属性“toString”

07.png

无法读取null的属性“toString”

08.png

加号“+”运算符

使用空字符串"" 和数据相加即可,因为任何数据类型和字符串相加得到的结果都是字符串类型;

    <script>
        // 数字类型
        let num = 123
        console.log(typeof ("" + num))

        // undefined
        let str1 = undefined
        console.log(typeof ("" + str1))

        // Boolean类型
        let str2 = true
        console.log(typeof ("" + str2))

        // null
        let str3 = null
        console.log(typeof ("" + str3))
    </script>

以上四种方法都可以将数据转化为字符串哦,参考资料NDN网站字符串String资料