【前端】JavaScript入门及实战6-10

最新推荐文章于 2024-08-14 20:37:21 发布

子非鱼921

最新推荐文章于 2024-08-14 20:37:21 发布

阅读量645

点赞数 10

分类专栏：【前端】JavaScript入门及实战（1-140）文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/weixin_45980065/article/details/140503943

版权

【前端】JavaScript入门及实战（1-140）专栏收录该内容

28 篇文章 0 订阅

订阅专栏

文章目录

6 数据类型
7 Number
8 Boolean
9 Null和Undefined
10 强制类型转换

6 数据类型

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset = "utf-8">
<script type="text/javascript">
	/*
		数据类型指的是字面量的类型
		在JS中一共有六种数据类型
			String 字符串
			Number 数值
			Boolean 布尔值
			Null 空值
			Undefined 未定义
			Object 对象
		
		其中String Number Boolean Null Undefined属于基本数据类型
		而Object属于引用数据类型
	*/
	
	/*
		String字符串
			在JS中字符串需要使用引号引起来
			使用双引号或单引号都可以，但是不要混着用（'hello"）
			引号不能嵌套，双引号不能放双引号，单引号不能放单引号
	*/
	
	var str = "hello";
	
	str = '我说："今天天气真不错"';
	
	/*
		在字符串中可以使用\作为转义字符，当表示一些特殊符号时可以使用\进行转义
			
			\"：表示"
			\'：表示'
			\n：换行
			\t：制表符
			\\：表示\
	*/
	str = "我说：\"今天天气真不错\"";
	
	console.log(str);
	
	// 输出字面量 字符串str
	alert("str");
	
	// 输出变量str
	alert(str);
	
	var str2 = "hello"; // var只在声明变量的时候用
	str2 = "你好";
</script>
<style>
</style>
</head>
<body>
	&lt; <!--小于号-->
</body>
</html>

7 Number

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset = "utf-8">
<script type="text/javascript">
	/*
		Number
		在JS中所有的数值都是Number类型
		包括整数和浮点数（小数）
	*/

	var a = 123; // 数字123
	a = 456.789;
	var b = "123"; // 字符串“123”
	console.log(a);
	console.log(b);

	/*
		可以使用一个运算符typeof来检查一个变量
		语法：typeof 变量
		检查字符串时，会返回string
		检查数值时，会返回number
		
		JS中可以表示数字的最大值：Number.MAX_VALUE——1.7976931348623157e+308
		如果使用Number表示的数字超过了最大值，则会返回一个Infinity，表示正无穷，typeof是number

		NaN是一个特殊的数字，不是数字：not a number，是一个字面量，typeof是number
		
		Number.MIN_VALUE：大于0的最小值，5e-324

	*/
	
	console.log(typeof b);
	
	console.log(Number.MAX_VALUE);
	
	a = Number.MAX_VALUE * Number.MAX_VALUE
	console.log(a); // 输出：Infinity 正无穷
	
	a = -Number.MAX_VALUE * Number.MAX_VALUE
	console.log(a); // 输出：-Infinity 负无穷
	
	c = Infinity; // Infinity是字面量
	console.log(typeof c); // 返回Number
	
	d = "abc" * "bcd";
	console.log(d); // 返回NaN
	
	e = Number.MIN_VALUE;
	console.log(e); // 5e-324，0以上的最小值
	
	/*
		在JS中整数的运算基本可以保证精确
		
		如果使用JS进行浮点元素，可能得到一个不精确的结果
		所以千万不要使用JS进行对精确度要求比较高的运算（钱）
	*/
	var f = 123 + 456;
	console.log(f); // 579
	
	var g = 0.1 + 0.2;
	console.log(g); // 0.30000000000000004
</script>
<style>
</style>
</head>
<body>
</body>
</html>

8 Boolean

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset = "utf-8">
<script type="text/javascript">
	/*
		Boolean布尔值
			布尔值只有两个，主要用来做逻辑判断	
			true：表示真
			false：表示假				
	*/
	
	var bool = true;
	
	console.log(bool);
</script>
<style>
</style>
</head>
<body>
</body>
</html>

9 Null和Undefined

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset = "utf-8">
<script type="text/javascript">
	/*
		Null类型的值只有一个，就是null
		null这个值专门用来表示一个为空的对象
		
		Undefined类型的值只有一个，就undefined
		当声明一个变量，但是并不给变量赋值时，它的值就算undefined
	*/
	
	var a = null;
	
	console.log(typeof a); // 返回object
	
	var b; // var b = undefined;
	
	console.log(typeof b); // 返回undefined
</script>
<style>
</style>
</head>
<body>
</body>
</html>

10 强制类型转换

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset = "utf-8">
<script type="text/javascript">
	/*
		强制类型转换
			指将一个数据类型强制转换为其他的数据类型
			类型转换主要指，将其他的数据类型，转换为String Number Boolean
	*/
	
	/*
		将其他的数据类型转换为String
			1. 调用被转换数据类型的toString()方法
			   该方法不会影响原变量，它会将转换的结果返回
			   但是注意，null和undefined这两个值没有toString()方法，如果调用会报错
			2. 调用String()函数
			   对于Number和Boolean实际上调用的是toString()方法
			   但是对于null和undefined，就不会调用toString()方法
			   它会将null直接转换为"null"，将undefined直接转换为"undefined"
	*/

	var a = 123;
	
	console.log(typeof a);
	console.log(a);
	
	//调用a的toString()方法
	//调用xxx的yyy方法，就是xxx.yyy()
	var b = a.toString();
	
	console.log(typeof b);
	console.log(b);
	
	a = a.toString();
	
	a = true;
	a = a.toString(); // "true"
	
	a = null
	a = a.toString(); // 错误
	
	a = undefined;
	a = a.toString(); // 错误
	
	//调用String()函数，转换为字符串
	c = 123;
	c = String(c);
	
	c = null
	c = String(c); // "null"
	
	c = undefined;
	c = String(c); // "undefined"
</script>
<style>
</style>
</head>
<body>
</body>
</html>

子非鱼921

关注

10
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
【前端】JavaScript入门及实战6-10

如果使用Number表示的数字超过了最大值，则会返回一个Infinity，表示正无穷，typeof是number。NaN是一个特殊的数字，不是数字：not a number，是一个字面量，typeof是number。但是注意，null和undefined这两个值没有toString()方法，如果调用会报错。它会将null直接转换为"null"，将undefined直接转换为"undefined"当声明一个变量，但是并不给变量赋值时，它的值就算undefined。该方法不会影响原变量，它会将转换的结果返回。
复制链接

扫一扫