HTML之JavaScript中数组相关

最新推荐文章于 2024-01-01 00:16:50 发布

中单亚索不给就送

最新推荐文章于 2024-01-01 00:16:50 发布

阅读量311

点赞数

文章标签： HTML 数组遍历 JavaScript

本文链接：https://blog.csdn.net/qq_44829555/article/details/90406028

版权

创建 Array 对象的语法：
1、new Array();
2、new Array(元素个数);
3、new Array(element0, element1, …, elementn);
4、[element0, element1, …, elementn];（穷举法）

数组对象的属性：
在这里插入图片描述
数组的创建及属性的展示小例子：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script>
			var array = ["lili", "lulu"];
			console.log(array.length);
			array = new Array("lucy", "tom", "tim");
			console.log(array.length);
		</script>
	</head>
	<body>
	</body>
</html>

执行结果
在这里插入图片描述

数组的遍历：

在JavaScript中数组的遍历主要有两种方式，传统for循环和变化版的foreach循环
传统for循环

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>length</title>
		<script>
			var names=["lili","lucy"];
			for(var i=0;i<names.length;i++){
				console.log(names[i]);
				}
		</script>
	</head>
	<body>
	</body>
</html>

执行结果：
在这里插入图片描述
变化版的foreach循环：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>length</title>
		<script>
			var names=["lili","lucy"];
			for(var i in names){
				console.log(names[i]);
			}
		</script>
	</head>
	<body>
	</body>
</html>

执行结果：
在这里插入图片描述
这里说的变化主要是在var i in names内，如果是在java中，foreach循环的格式应该是（数据类型）（变量）：（数组名），如果直接在for循环内执行输出语句会输出遍历得到的元素，但是在JavaScript中用此种方式的遍历，只能得到元素在数组中下标；
具体见下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>length</title>
		<script>
			var names=["lili","lucy"];
			for(var i in names){
				console.log(i);
			}
		</script>
	</head>
	<body>
	</body>
</html>

执行结果：
在这里插入图片描述
验证了我们所叙述的；