JavaScript学习第四天——数据类型、字符串、变量_javascript 字符型变量和字符串-CSDN博客

本文链接：https://blog.csdn.net/h_jQuery/article/details/115030461

本文深入讲解JavaScript中的数据类型，包括数字型、字符串型及其特点。探讨了不同进制的数字表示方法、特殊数值如Infinity及NaN的概念，以及如何使用isNaN()方法判断非数字。同时介绍了字符串类型的使用和操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

数据类型

为了方便把数据分成所需内存大小不同的数据充分利用空间

变量的数据类型

js是一种弱类型语言或者是动态语言，意味着不提前声明变量的类型，在程序运行过程中，类型会被自动确定

js的变量数据类型只有程序在运行过程中，根据等号右边的值来确定的

js是动态语言，变量的数据类型是可以变化

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4Lb0xY6H-1616230087265)(C:\Users\Lenovo\AppData\Roaming\Typora\typora-user-images\image-20210320153227836.png)]

数字型

数字型可以存放整数也可以存放小数

数字型进制

二进制，八进制，十进制，十六进制

vscode快捷键：

console.log() = log出现相关信息，回车即可

1.八进制 0~7,程序里面数字前面加0，表示八进制

2.十六进制0_9和af 数字前面加0x，表示是十六进制

八进制前面加0，十六进制前面加0x

数字型范围

格式都是固定的：

console.log(Number.MAX_VALUE);		//最大值
console.log(Number.MIN_VALUE);		//最小值

数字型三个特殊值

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-1sYh4afG-1616230087270)(C:\Users\Lenovo\AppData\Roaming\Typora\typora-user-images\image-20210320154944823.png)]

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			// 1.八进制 0~7,程序里面数字前面加0，表示八进制
			var num1 = 010;
			console.log(num1);		//	010 八进制转换成十进制就是8
			var num2 = 015;
			console.log(num2);		//12
			// 2.十六进制0~9和a~f  数字前面加0x，表示是十六进制
			var num3 = 0x9;
			console.log(num3);
			var num4 = 0xf;
			console.log(num4);		//15
			// 3.数字型的最大值
			console.log(Number.MAX_VALUE);
			// 4.数字型的最小值
			console.log(Number.MIN_VALUE);
			// 5.无穷大
			console.log(Number.MAX_VALUE*2);		//Infinity无穷大，Number.MAX_VALUE已经是最大值了，乘以2，就无穷大了
			// 6.无穷小
			console.log(-Number.MAX_VALUE*2);		//-Infinity无穷小，在Number.MAX_VALUE前面加一个负号，就可以了
			// 7.非数字
			console.log('pink老师'-100);			//NaN,不是数字，字符串键数值
			
		</script>
	</head>
	<body>
	</body>
</html>

isNaN()方法

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			// isNaN():判断非数字，并且返回一个值，如果是数字返回的是false,不是数字就返回true
			console.log(isNaN(12));		//false,说明是数字
			console.log(isNaN('pink老师'));	//true,说明不是数字
		</script>
	</head>
	<body>
	</body>
</html>

字符串型 String

字符串型可以是引号中的任意文本，其语法为双引号和单引号

但是因为HTML标签中的属性使用的是双引号，所以JS推荐使用单引号

字符串引号嵌套：外双内单，外单内双

<script type="text/javascript">
			// alert("酷热难耐，火辣的太阳底下，我挺拔的身姿，称为了最为独特的风景。\n我审视四周，这里，是我的舞台，我就是天地间的王者。\n这一刻，我豪气冲天，终于大喊一句：\"收破烂啦~\"");
			// 里面有双引号了，所以外面用单引号
			alert('酷热难耐，火辣的太阳底下，我挺拔的身姿，称为了最为独特的风景。\n我审视四周，这里，是我的舞台，我就是天地间的王者。\n这一刻，我豪气冲天，终于大喊一句："收破烂啦~"');
		</script>

转义符：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-hmriEvnm-1616230087274)(C:\Users\Lenovo\AppData\Roaming\Typora\typora-user-images\image-20210320160949468.png)]

字符串长度

通过字符串的length属性来获取整个字符串的长度

字符串拼接

字符串之间用**+**进行拼接，其拼接方式为：字符串+任何类型=拼接后的新字符串

无论什么类型和字符串拼接，结果都是字符串

总结：数值相加，字符相连

字符串拼接加强

显示年龄案例（交互效果）

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
		//prompt:输入框
			var age = prompt('请输入你的年龄');
			alert('你今年'+age+'岁了');
		</script>
	</head>
	<body>
	</body>
</html>

交互的三个基本要素：

1.用户输入

2.程序内部处理

3.输出结果

vascript">
//prompt:输入框
var age = prompt(‘请输入你的年龄’);
alert(‘你今年’+age+‘岁了’);


交互的三个基本要素：

1.用户输入

2.程序内部处理

3.输出结果