前端js的for循环结构

JavaScript与HTML/CSS实践：探索数字奇偶性与特定数字特征

最新推荐文章于 2025-08-25 16:37:30 发布

原创最新推荐文章于 2025-08-25 16:37:30 发布 · 359 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #开发语言 #ecmascript

js 专栏收录该内容

86 篇文章

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		
	</body>
</html>
<script type="text/javascript">
	/*for 循环
	 * for(循环变量初始化1 循环条件2 循环自变4){
	 * 	循环体3
	 * }
	 * 执行顺序为
	 * 1 2 3 4 2 3 4 2 3.......
	 */
	for(var i=1;i<=10;i++){
		document.write("哈哈<br />")
	}
	document.write("<br />")
	for(var i=1;i<=100;i++){
		document.write(i+" ")
	}
	//--------------------
	document.write("<br />")
	//练习:1~100之间的偶数
	for(var i=1;i<=100;i++){
		if (i%2==0) {
			document.write(i+" ")
		}
	}
	document.write("<br />")
	//7的倍数
	for(var i=1;i<=100;i++){
		if (i%7==0) {
			document.write(i+" ")
		}
	}
	document.write("<br />")
	//个位数为7的
	for(var i=1;i<=100;i++){
		if (i%10==7) {
			document.write(i+" ")
		}
	}
	document.write("<br />")
	//十位数为7
	for(var i=1;i<=100;i++){
		if (i/10>7&&i/10<8) {
			document.write(i+" ")
		}
	}
	document.write("<br />")
	for(var i=1;i<=100;i++){
		if (!(i%7==0||i%10==7||Math.floor(i/10)==7)) {
			document.write(i+" ")
		}
	}
	document.write("<br />")
	
	//---------------------
	for(var i=1;i<=6;i++){
		for(var a=1;a<=6;a++){
			document.write(a+" ")
	    }
		document.write("<br />")
	}
	for(var i=1;i<=6;i++){
		for(var a=1;a<=i;a++){
			document.write(a+" ")
	    }
		document.write("<br />")
	}
	for(var i=6;i>=1;i--){
		for(var a=1;a<=i;a++){
			document.write(a+" ")
	    }
		document.write("<br />")
	}
</script>

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