JavaScript-1.3-JavaScript 中的变量函数

本文链接：https://blog.csdn.net/QWH_PYTHON/article/details/102486272

JavaScript-1.3-JavaScript 中的变量函数

JavaScript 中的变量函数

JavaScript 中的变量函数

一：Number：将变量转为数值

1、字符串类型转数值

（1）字符串为纯数值字符串，会转为对应的数字

// 转换结果为2019
Number("2019");

（2）字符串为空字符串时，会转成0

// 转换之后结果为0
Number("");

（3）字符串包含其他非数字字符时，不能转换

// 转换之后结果为 NaN(非数值)
Number("2019a")；

2、布尔 Boolean 类型转数值

（1）true 转换为1

// 将布尔类型转换为1
Number(true)；

（2）false 转换为0

// 将布尔类型转换为0
Number(false)；

3、Null 与 Undefined 转数值

（1）Null 转换为0

// 将空引用 null 转换为0
Number(null);

（2）Undefined 转换为NaN

// 将未定义 undefined 转换为 NaN
Number(undefined);

4、Object 类型转数值

先调用 ValueOf 方法，确定函数是否有返回值

二：isNaN：检测变量是否为 NaN

isNaN 函数的作用是判断一个变量或常量是否为 NaN（非数值）
使用 isNaN 进行判断时，会尝试使用Number() 函数进行转换
- 如果是数字，则不是非数值，结果为 false

1、纯数字字符串，检测结果为 false

// 先用 Number() 转为数值类型的2019，所有isNaN 检测结果为 false
isNaN("2019");

2、空字符串，检测结果为 false

// 先用 Number() 转为数值类型的0，所有isNaN 检测结果为 false
isNaN("");

3、包含其他字符，检测结果为 true

// 先用 Number() 转为NaN，所有isNaN 检测结果为 true
isNaN("2019a");

4、布尔类型，检测结果为 false

// 先用 Number() 转为数值类型的0，所有isNaN 检测结果为 false
isNaN("false");

三：parseInt：将字符串转为整型

parseInt 函数的作用是将字符串类型转为整数数值类型
- parseInt 函数可解析一个字符串，并返回一个整数

注意：
parseInt 函数只能转换 String 类型，对 Boolean、null、Undefined 进行转换结果均为 NaN

1、空字符串

不能转换空字符串，输出 NaN

// 打印输出 parseInt 转换后的值为 NaN
parseInt("");

2、纯数值字符串

可以进行转换，但转化小数时，会直接抹掉小数点，不进行四舍五入

// 转换为2019
parseInt("2019");
// 转换为2019
parseInt("2019.10");

3、包含其他字符的字符串

截取第一个非数值字符前的数值部分进行输出

// 转换为小数时，会直接抹掉小数点，转换为2019
parseInt(2019.10a);

// 打印输出 parseInt 转换后的值为 NaN
parseInt("a2019.10");

四：parseFloat：将字符串转为浮点型

parseFloat 函数的作用是将字符串转为小数数值类型
- 转化整数字符串时，保留整数
- 转化包含小数点的字符串时，保留小数点

注意：
parseFloat 函数只能转换 String 类型，对 Boolean、null、Undefined 进行转换结果均为 NaN

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>	
	<script type="text/javascript">
		// 转换为 2019
		console.log(parseFloat("2019"));
		// 转换为 2019
		console.log(parseFloat("2019a10"));
		// 转换为 NaN
		console.log(parseFloat("a2019"));
		// 转化为小数时，保留小数点，转换为2019.1
		console.log(parseFloat("2019.10a"));
		// 转换为 NaN
		console.log(parseFloat("a2019.10"));
	</script>
</body>
</html>

效果图
在这里插入图片描述

五：typeof：变量类型检测

typeof 函数是用来检测一个变量的数据类型，传入一个变量，返回变量所属的数据类型

1.未定义：数据类型为 Undefined
2.数值：数据类型为 Number
3.字符串：数据类型为 String
4.True/false：数据类型为 Boolean
5.Null/对象：数据类型为 Object
6.函数：数据类型为 function

（1）函数写法：需要保留()，变量通过()传入，基本语法如下：

// 函数调用方式需要将变量通过函数后面的()传入
typeof("2019")；

（2）指令写法：可以省略()，直接将变量紧跟 typeof，基本语法如下：

// 指令调用方式可以省略()，直接将变量紧跟 typeof
typeof "2019"；