JavaScript中的数据类型

野菌桃

于 2019-10-27 13:52:34 发布

阅读量150

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/YJT180/article/details/102766271

版权

JavaScript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

JavaScript中的数据类型

在JavaScript中，声明所有变量时都需要用到var，即variable（变量）的缩写，但由于JavaScript中对于格式要求宽松，即使不加var也可有效声明变量，但为了提高代码严谨性，仍然必须加上var。

字符串

字符串类型数据需要使用单引号或双引号引起来。

例如：


<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script>
			//定义一个字符串变量a
			var a = 'HelloWorld!';
			console.log(a);//在控制台上输出该变量
		</script>
	</body>
</html>>

效果为：

数字

JavaScript中没有小数整数等区别，一律划为数字，计算结果以计算机的最高精度显示


<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script>
			var a = 1;
			var b = 0.3;
			console.log(a/b);//在控制台上输出该变量
		</script>
	</body>
</html>>

效果为

布尔型

布尔型只有两种：true或者false


<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script>
			var a=true
			console.log(a);//在控制台上输出该变量
		</script>
	</body>
</html>>

数组

定义时声明数组名以及用枚举法写出数组内元素即可


<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script>
			var numbers=[1,2,3]
			for (var i=0;i<numbers.length;i++) {
				console.log(numbers[i]);
			}
		</script>
	</body>
</html>>

效果为：

对象

JavaScript中对象由大括号分隔；括号内部，对象的属性以属性名 : 属性值的形式来定义，属性之间由逗号分隔；获取属性值的方法有两种：对象变量名.属性名；对象变量名[“属性名”]。并且由于JavaScript只有object类，所以一切对象都归属于object类。


<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script>
			var student = new Object();
						student.name = "tom";//为对象添加属性
						student.sex = "man";
						console.log(student.name+';'+student['sex']);
		</script>
	</body>
</html>>

效果为：

null

声明变量后赋值为null即可


<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script>
			var a=null;
			console.log(a);
		</script>
	</body>
</html>>

undefined

声明变量后未赋值，则该变量的数据类型为undefined，与null的区别是：null仍然是有值的，只不过值为null，而undefined类型的变量没有值


<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script>
			var a
			console.log(a);
		</script>
	</body>
</html>>