⭐JS获取变量数据类型⭐ 数据类型的转换

1.typeof ; 可以用来检测变量的数据类型

<script>

	var str = 10;
	console.log(typeof str);  // number 数字型
	var num = '胖大海';
	console.log(typeof num);  // string 字符型
	var num1 = true;
	console.log(typeof num1); // boolean 布尔型
	var num2 = undefined;
	console.log(typeof num2); // undefined 未定义型
	var num3 = null;
	console.log(typeof num3); // object 对象类型
    
	// prompt 取过来的值是 字符型的
	var age = prompt('请输入您的年龄');
	console.log(age);
	console.log(typeof age);

  </script>

2.字面量

字面量是再源代码中一个固定值的表示法,通俗来说,就是字面量标识如何表达这个值

  1. 数字字面量 ;8,9,10
  2. 字符串字面量 ;’ 我是高富帅 ’ “ 胖大海 ”
  3. 布尔型字面量 ; true, false

数据转换为字符型;

方式 说明
toString() var num = 1; console.log(num.toString());
String() 强制转换 var num = 1; console.log(String(num));
加号拼接字符串 var num = 1; console.log(num + ‘’ );

PS ;toString() 和 String() 使用方式不一样。
三种转换方式 更推荐使用第三种加号拼接字符串

转化为数字型(重点);

方式 说明
parselnt (string) 函数 将string类型转化成证书数值型
parseFloat (string) 函数 将string类型转化成浮点数数值型
Number () 强制转化函数 将string类型转化为数值型
js 隐式转换 (- * /) 利用算数运算隐式转化为数值型
var str = prompt('请输入你的年龄');
	// 1.parseInt(变量)  可以把 字符型 转化为 数字型 得到的是整数
	console.log(parseInt(str));
	console.log(parseInt('6.66')); // 得3 取整
	console.log(parseInt('120px'));  // 得120 会去掉px这个单位 后期用js做动画 经常用到px 直接用 paseInt

	// 2.parseFloat (变量)  可以把字符型转化为数字型 小数也可以
	console.log(parseFloat('3.14'));
	console.log(praseFloat('120px'));  // 得120 会去掉px这个单位
	console.log(parseFloat('rem120px'));

注意;parseInt 和 parseFloat 单词的大小写,这两个是重点

转换为布尔型;

方式 案例
Boolean () 函数 Boolean ( ’ true ’ )

· 代表空、否定的值会被转换为false、如 “ 、0、NaN、null、undefined
· 其余的值都会被转换为 true

上一篇:初识JavaScript


下一篇:JavaScript基础笔记(部分)