JavaScript基础之①数据类型以及数据类型转换
QQ:3020889729 小蔡
数据类型分类
js作为解释型语言，存在着动态类型变量的机制。
但是，在整个代码过程中，主要存在两种数据类型:Number , String——也就是字面量（数值）和字符串数据。
数据类型的转换
作为主要的，仅有的两种数据类型，它们是可以相互转换的。
数值转字符
使用方法转换
方法①：toString()
使用方法：变量名+.+toString()
代码显示：
html代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>演示</title>
<script src="演示.js" type="text/javascript">
</script>
</head>
<body>
</body>
</html>
js代码：
var member1 = 71;
var member2 = member1.toString();
console.log("member1的类型是："+typeof(member1));
console.log("member2的类型是："+typeof(member2));
效果：
方法②：String()
使用方法：String(变量名)
代码演示：
html代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>演示</title>
<script src="演示.js" type="text/javascript">
</script>
</head>
<body>
</body>
</html>
js代码：
var member1 = 71;
var member2 = String(member1);
console.log("member1的类型是："+typeof(member1));
console.log("member2的类型是："+typeof(member2));
效果：
隐式转换
使用+号实现数值转换字符串
使用方法：数值变量+‘’，就转换成功了。
代码展示：
html代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>演示</title>
<script src="演示.js" type="text/javascript">
</script>
</head>
<body>
</body>
</html>
js代码：
var member1 = 71;
var member2 = member1+'';//加一个空字符串
console.log("member1的类型是："+typeof(member1));
console.log("member2的类型是："+typeof(member2));
效果：
字符转数值
使用方法转换
方法①：parseInt()
使用方法：parseInt(变量)
js代码：
var member1 = "71";
var member2 = parseInt(member1);
console.log("member1的类型是："+typeof(member1));
console.log("member2的类型是："+typeof(member2));
效果：
方法②：parseFloat()
使用方法：parseFloat(变量)
js代码：
var member1 = "71.8";
var member2 = parseInt(member1);
var member3 = parseFloat(member1);
console.log("member1的类型是："+typeof(member1));
console.log("member2的类型是："+typeof(member2)+" member2="+member2);
console.log("member3的类型是："+typeof(member3)+" member3="+member3);
效果：
方法③：Number()
使用方法：Number(变量)
js代码：
var member1 = "71.8";
var member2 = Number(member1);
console.log("member1的类型是："+typeof(member1));
console.log("member2的类型是："+typeof(member2)+" member2="+member2);
效果：
隐式转换
使用算数运算符实现转换数值（*、-、/）
使用方法：变量+0 或者 变量*1 或者 变量/1。
这三种都可以.
js代码：
var member1 = "71.87";
var member2 = member1*1;
var member3 = member1/1;
var member4 = member1-0;
console.log("member1的类型是："+typeof(member1));
console.log("member2 = member1*1的类型是："+typeof(member2)+" member2="+member2);
console.log("member3 = member1/1的类型是："+typeof(member2)+" member3="+member3);
console.log("member4 = member1-0的类型是："+typeof(member2)+" member4="+member4);
效果：
