079|数组和对象的遍历方法

最新推荐文章于 2022-05-22 16:16:12 发布

Asteroid 325

最新推荐文章于 2022-05-22 16:16:12 发布

阅读量106

点赞数

本文链接：https://blog.csdn.net/weixin_43846020/article/details/108029886

版权

JS 专栏收录该内容

34 篇文章 0 订阅

订阅专栏

在这里插入图片描述

数组遍历方法

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>079|数组和对象的遍历方法</title>
		<script>
			/*
			 数组：
			 for循环
			 for....in 快速遍历
			 forEach
			*/
		   var arr=[10,20,30,40,50];
		   for(var i=0;i<arr.length;i++){
			   document.write("for,"+i+","+arr[i]+"<br />");
		   }
		   for(var i in arr){
			   document.write("forin,"+i+","+arr[i]+"<br />");
		   }
		   
		   arr.forEach(function(item,index,arr){
			   document.write("forEach,"+index+","+item+"<br />");
			   
		   });
		</script>
	</head>
	<body>
	</body>
</html>

在这里插入图片描述

对象遍历方法

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>079|数组和对象的遍历方法</title>
		<script>
			/*
			 数组：
			 for循环
			 for....in 快速遍历
			 forEach
			*/
		   var arr=[10,20,30,40,50];
		   for(var i=0;i<arr.length;i++){
			   document.write("for,"+i+","+arr[i]+"<br />");
		   }
		   for(var i in arr){
			   document.write("forin,"+i+","+arr[i]+"<br />");
		   }
		   
		   arr.forEach(function(item,index,arr){
			   document.write("forEach,"+index+","+item+"<br />");
			   
		   });
		   
		   //对象遍历
		   var person={
			   username:"钢铁侠",
			   age:18,
			   sex:"男"
		   };
		   //对象遍历 for----in
		   for(var i in person){
			   //i 是当前遍历到的属性,比如username
			   document.write("对象遍历:"+i+","+person[i]+"<br />");
		   }
		   /*结果：
		   for,0,10
		   for,1,20
		   for,2,30
		   for,3,40
		   for,4,50
		   forin,0,10
		   forin,1,20
		   forin,2,30
		   forin,3,40
		   forin,4,50
		   forEach,0,10
		   forEach,1,20
		   forEach,2,30
		   forEach,3,40
		   forEach,4,50
		   对象遍历:username,钢铁侠
		   对象遍历:age,18
		   对象遍历:sex,男
		   */
		</script>
	</head>
	<body>
	</body>
</html>