JavaScript——JavaScript数据类型转换

2023-09-05 阅读 108 评论 0

摘要：文章目录数据类型转换转换成字符串类型转换成数值类型转换成布尔类型代码示例数据类型转换如何使用谷歌浏览器，快速的查看数据类型？字符串的颜色是黑色的，数值类型是蓝色的，布尔类型也是蓝色的，undefined和null是灰色的转换成字符串类

文章目录

- 数据类型转换
- - 转换成字符串类型
  - 转换成数值类型
  - 转换成布尔类型
- 代码示例

数据类型转换

如何使用谷歌浏览器，快速的查看数据类型？

字符串的颜色是黑色的，数值类型是蓝色的，布尔类型也是蓝色的，undefined和null是灰色的

转换成字符串类型

toString()

var num = 5;
console.log(num.toString());

String()

String()函数存在的意义：有些值没有toString()，这个时候可以使用String()。比如：undefined和null

拼接字符串方式

num + " "，当 + 两边一个操作符是字符串类型，一个操作符是其它类型的时候，会先把其它类型转换成字符串再进行字符串拼接，返回字符串

转换成数值类型

Number()

Number()可以把任意值转换成数值，如果要转换的字符串中有一个不是数值的字符，返回NaN

parseInt()

var num1 = parseInt("12.3abc");  // 返回12，如果第一个字符是数字会解析知道遇到非数字结束
var num2 = parseInt("abc123");   // 返回NaN，如果第一个字符不是数字或者符号就返回NaN

parseFloat()

parseFloat()把字符串转换成浮点数
parseFloat()和parseInt非常相似，不同之处在与parseFloat会解析第一个. 遇到第二个.或者非数字结束如果解析的内容里只有整数，解析成整数

+，-0等运算

var str = '500';
console.log(+str);		// 取正
console.log(-str);		// 取负
console.log(str - 0);

转换成布尔类型

Boolean()

0 ‘’(空字符串) null undefined NaN 会转换成false 其它都会转换成true

代码示例

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>$永远的24k纯帅$</title><script>
//    类型转换//    其他类型转数字类型:三种方式:
//    1.parseInt();//转整数console.log(parseInt("10"));//10console.log(parseInt("10afrswfdsf"));//10console.log(parseInt("g10"));//NaNconsole.log(parseInt("1fds0"));//1console.log(parseInt("10.98"));//10console.log(parseInt("10.98fdsfd"));//10//    2.parseFloat()//转小数console.log(parseFloat("10"));//10console.log(parseFloat("10afrswfdsf"));//10console.log(parseFloat("g10"));//NaNconsole.log(parseFloat("1fds0"));//1console.log(parseFloat("10.98"));//10.98console.log(parseFloat("10.98fdsfd"));//10.98
//    3.Number();//转数字console.log(Number("10"));//10console.log(Number("10afrswfdsf"));//NaNconsole.log(Number("g10"));//NaNconsole.log(Number("1fds0"));//NaNconsole.log(Number("10.98"));//10.98console.log(Number("10.98fdsfd"));//NaN//    总结:想要转整数用parseInt(),想要转小数用parseFloat()
//    想要转数字:Number();要比上面的两种方式严格//    其他类型转字符串类型
//    1    .toString()var num=10;console.log(num.toString());//字符串类型//2  String();var num1=20;console.log(String(num1));//    如果变量有意义调用.toString()使用转换
//    如果变量没有意义使用String()转换var num2;console.log(num2.toString());var num3=null;console.log(num3.toString());//    这个可以var num2;console.log(String(num2));var num3=null;console.log(String(num3));//    其他类型转布尔类型//    1  Boolean(值);console.log(Boolean(1));//trueconsole.log(Boolean(0));//falseconsole.log(Boolean(11));//trueconsole.log(Boolean(-10));//trueconsole.log(Boolean("哈哈"));//trueconsole.log(Boolean(""));//falseconsole.log(Boolean(null));//falseconsole.log(Boolean(undefined));//falsevar str=10;console.log(+str);</script>
</head>
<body></body>
</html>