前言
我们可以将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”
无法读取null的属性“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>
以上四种方法都可以将数据转化为字符串哦,参考资料NDN网站字符串String资料