JavaScript基础11-循环

这一节主要看一下循环,循环部分和java很类似,但是也有微小差距:

  • while循环
  • for 循环
  • for in 循环

循环

while循环

while(条件语句){
    循环体
}

案例循环弹出1-5

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>循环</title>
	</head>
	<body>
		<script type="text/javascript">
			var i =0;
			while (i<=5){
			    document.write(i)
			    i++
			}
			
		</script>
		
	</body>
</html>

运行结果:

012345

a++ :的含义等价——> a+=1]

for 循环

for (语句1,语句2,语句3 ){
    循环体代码
}
  • 语句1:在循环开始之前执行

  • 语句2:循环条件(成立则执行循环体)

  • 语句3:每一轮循环之后执行的语句

案例:遍历数组

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>循环</title>
	</head>
	<body>
		<script type="text/javascript">
				
			var arry =Array (11,"静静",'aa',8);
			for(var i =0;i<arry.length;i++){
				document.write(arry[i],"</br>")
				
				
			}
			
		</script>
		
	</body>
</html>

运行结果:

11
静静
aa
8

for in 循环

for (x in arrayr){
    循环体代码
}
  • 遍历数组,x为数组的下标
  • 遍历对象,x为对象的属性
    案例:遍历数组
var arry =Array (11,"静静",'aa',8);
for(i in arry){
	document.write(i)				
			}

运行结果:

0123

发现怎么返回的不是数组元素而是下标:

for(i in arry){
	document.write(arry[i],"</br>")	
			}

运行结果:

11
静静
aa
8

遍历对象:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>循环</title>
	</head>
	<body>
		<script type="text/javascript">	
			var objC = {name: 'abc', age: 19};
			// 遍历对象
			for (x in objC){
			    document.write(x,"</br>");
				alert(objC[x],"</br>")
			}
					
		</script>		
	</body>
</html>

发现第一个document.write(x,"</br>");返回的是属性;就是x对应属性;

而在alert(objC[x],"</br>")中返回value值;

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值