javascript 里面for in while do while swich for 的区别

最新推荐文章于 2024-10-16 12:01:23 发布

原创最新推荐文章于 2024-10-16 12:01:23 发布 · 292 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#for in #swich #while #do while

大前端专栏收录该内容

88 篇文章

订阅专栏

本文详细介绍了JavaScript中常用的循环结构，包括for循环、for-in循环、while循环和do-while循环，并通过实例演示了每种循环的特点及使用场景。此外还讲解了switch语句的应用，帮助读者更好地理解和掌握JavaScript中的流程控制。

for (for执行的顺序是先给i赋值，在判断条件，然后执行大括号里的语句，在++，如此重复，直至条件结束）

	var arrNum=[1,2,3]
	for (var i = 0; i < arrNum.length; i++) {
		console.log(arrNum[i])
	}var arrNum=[1,2,3]
	for (var i = 0; i < arrNum.length; i++) {
		console.log(arrNum[i])
	}

for in (针对循环数组)

	var test=[1,2,3,4]; 
	for( a in test){ 
		document.write(a +" : "+ test[a]+'<br>');
	}var test=[1,2,3,4]; 
	for( a in test){ 
		document.write(a +" : "+ test[a]+'<br>');
	}

while (循环会在指定条件为真时循环执行代码块。)

	var x="",i=0;
	while (i<5)
	{
	  x+="The number is " + i + "<br>";
	  i+=2;
	}
	document.write(x) 
	//The number is 0
	//The number is 2
	//The number is 4
	// i 等于 0。 当 i 小于或等于 5 时，循环将继续运行。 循环每运行一次，i 会累加 2。var x="",i=0;
	while (i<5)
	{
	  x+="The number is " + i + "<br>";
	  i+=2;
	}
	document.write(x) 
	//The number is 0
	//The number is 2
	//The number is 4
	// i 等于 0。 当 i 小于或等于 5 时，循环将继续运行。 循环每运行一次，i 会累加 2。

do while （do-while比while多循环一次该循环至少会执行一次，即使条件是 false，隐藏代码块会在条件被测试前执行）

	var i = 0 
	do { 
		document.write(i+'、')
		i+=2;
	}while (i <= 10)
	//0、2、4、6、8、10、
	// i 等于 0。 循环首先会运行。 每循环一次，i 就会累加 2。 当 i 小于或等于 10 时，循环会继续运行var i = 0 
	do { 
		document.write(i+'、')
		i+=2;
	}while (i <= 10)
	//0、2、4、6、8、10、
	// i 等于 0。 循环首先会运行。 每循环一次，i 就会累加 2。 当 i 小于或等于 10 时，循环会继续运行

switch （用swich时，其变量会和case的值做比较，符合条件时执行case对应的语句，default是用来匹配不存在时的值，若变量day没有匹配到case的值，此时又没有设置default，运行时会报错 Uncaught ReferenceError: x is not defined break 可用于跳出循环)

	var day=new Date().getDay();
		switch (day){
			case 0:
				x="Today it's Sunday";
				break;
			case 1:
				x="Today it's Monday";
				break;
			case 2:
				x="Today it's Tuesday";
				break;
			case 3:
				x="Today it's Wednesday";
				break;
			case 4:
				x="Today it's Thursday";
				break;
			case 5:
				x="Today it's Friday";
				break;
			case 6:
				x="Today it's Saturday";
				break;
			default:
				x="世界末日"
		}
		document.write(x)var day=new Date().getDay();
		switch (day){
			case 0:
				x="Today it's Sunday";
				break;
			case 1:
				x="Today it's Monday";
				break;
			case 2:
				x="Today it's Tuesday";
				break;
			case 3:
				x="Today it's Wednesday";
				break;
			case 4:
				x="Today it's Thursday";
				break;
			case 5:
				x="Today it's Friday";
				break;
			case 6:
				x="Today it's Saturday";
				break;
			default:
				x="世界末日"
		}
		document.write(x)