【前端】JavaScript入门及实战41-45

文章目录

  • [41 嵌套的for循环](#41 嵌套的for循环)
  • [42 for循环嵌套练习(1)](#42 for循环嵌套练习(1))
  • [43 for循环嵌套练习(2)](#43 for循环嵌套练习(2))
  • [44 break和continue](#44 break和continue)
  • [45 质数练习补充](#45 质数练习补充)

41 嵌套的for循环

html 复制代码
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset = "utf-8">
<script type="text/javascript">
	/*
		*****
		*****
		*****
		*****
		*****
		
		*
		**
		***
		****
		*****
	*/

	
	// 通过一个for循环来输出图形
	// 这个for循环执行几次,图形的高度就是多少
	// 它可以用来控制图形的高度
	for(var i = 0; i < 5; i++){
		// 在循环内部再创建一个循环,用来控制图形的宽度
		// 内层循环可以决定图形的宽度
		for(var j = 0; j < 5; j++){
			document.write("*&nbsp;&nbsp;");
		}
		document.write("<br>");
	}

	for(var i = 1; i <= 5; i++){
		for(var j = 1; j <= i; j++){
			document.write("*&nbsp;&nbsp;");
		}
		document.write("<br>");
	}

	for(var i = 5; i >= 1; i--){
		for(var j = 1; j <= i; j++){
			document.write("*&nbsp;&nbsp;");
		}
		document.write("<br>");
	}
	
</script>
<style>
</style>
</head>
<body>
</body>
</html>

42 for循环嵌套练习(1)

html 复制代码
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset = "utf-8">
<script type="text/javascript">
	/*
		1. 打印九九乘法表
		1*1=1
		1*2=2 2*2=4
		1*3=3 2*3=6 3*3=9
		...
		9*9=81

	*/

	for(var i = 1; i <= 9; i++){
		for(var j = 1; j <= i; j++){
			document.write("<span>" + j + "*" + i + "=" + (j * i) + "</span>" );
		}
		document.write("<br>");
	}
</script>
<style>
	body {
		width: 2000px;
	}
	
	span {
		display: inline-block;
		width: 80px;
	}
</style>
</head>
<body>
</body>
</html>

43 for循环嵌套练习(2)

html 复制代码
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset = "utf-8">
<script type="text/javascript">
	/*
		2. 打印出1-100之间所有的质数
	*/

	for(var i = 2; i <= 100; i++){
		var flag = 1;
		for(var j = 2; j <= parseInt(i ** 0.5); j++){
			if(i % j == 0){
				flag = 0;
				break;
			}
		}
		if(flag){
			document.write(i + "&nbsp;");
		}
	}
</script>
<style>
</style>
</head>
<body>
</body>
</html>

44 break和continue

html 复制代码
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset = "utf-8">
<script type="text/javascript">
	/*
		break关键字可以用来退出switch或循环语句
		不能在if语句中使用break和continue
		break关键字,会立即终止离他最近的那个循环语句
	*/

	for(var i = 0; i < 5; i++){
		console.log(i);
		break;
	}
	
	if(true){
		break;
		console.log(i);
	}
	
	/*
		可以为循环语句创建一个label,来标识当前的循环
		label:循环语句
		使用break语句时,可以在break后跟着一个label,这样break将会结束指定的循环,而不是最近的
	*/
	
	outer:
	for(var i = 0; i < 5; i++){
		console.log("外层循环");
		for(var j = 0; j < 5; j++){
			break outer;
			console.log("内层循环");		
		}
	}
	
	/*
		continue关键字可以用来跳过当次循环
		同样continue也是默认只会对离他最近的循环起作用
	*/
	for(var i = 0; i < 5; i++){
		console.log(i);
		if(i == 2){
			//break;
			continue;
		}
	}
	
	// 测试程序的性能
	// 在程序执行前,开启计时器
	// console.time()可以用来开启一个计时器
	// 他需要一个字符串作为参数,这个字符串将会作为计时器的标识
	console.time("test");
	for(var i = 0; i < 1000000; i++){
		for(var j = 0; j < i; j++){
			//console.log(i * j);		
		}
	}
	// 终止计时器
	// console.timeEnd()用来停止一个计时器,需要一个计时器的名字作为参数
	console.timeEnd("test");
</script>
<style>
</style>
</head>
<body>
</body>
</html>

45 质数练习补充

html 复制代码
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset = "utf-8">
<script type="text/javascript">

	for(var i = 2; i <= 100; i++){
		var flag = 1;
		for(var j = 2; j <= Math.sqrt(i); j++){
			if(i % j == 0){
				flag = 0;
				break;
			}
		}
		if(flag){
			document.write(i + "&nbsp;");
		}
	}
	
	// 可以通过Math.sqrt()对一个数进行开方
	var result = Math,sqrt(4); // 2
</script>
<style>
</style>
</head>
<body>
</body>
</html>
相关推荐
重生之绝世牛码几秒前
Java设计模式 —— 【结构型模式】外观模式详解
java·大数据·开发语言·设计模式·设计原则·外观模式
小蜗牛慢慢爬行6 分钟前
有关异步场景的 10 大 Spring Boot 面试问题
java·开发语言·网络·spring boot·后端·spring·面试
Algorithm157616 分钟前
云原生相关的 Go 语言工程师技术路线(含博客网址导航)
开发语言·云原生·golang
m0_7482552617 分钟前
easyExcel导出大数据量EXCEL文件,前端实现进度条或者遮罩层
前端·excel
shinelord明25 分钟前
【再谈设计模式】享元模式~对象共享的优化妙手
开发语言·数据结构·算法·设计模式·软件工程
Monly2132 分钟前
Java(若依):修改Tomcat的版本
java·开发语言·tomcat
boligongzhu33 分钟前
DALSA工业相机SDK二次开发(图像采集及保存)C#版
开发语言·c#·dalsa
Eric.Lee202133 分钟前
moviepy将图片序列制作成视频并加载字幕 - python 实现
开发语言·python·音视频·moviepy·字幕视频合成·图像制作为视频
7yewh35 分钟前
嵌入式Linux QT+OpenCV基于人脸识别的考勤系统 项目
linux·开发语言·arm开发·驱动开发·qt·opencv·嵌入式linux
长风清留扬37 分钟前
小程序毕业设计-音乐播放器+源码(可播放)下载即用
javascript·小程序·毕业设计·课程设计·毕设·音乐播放器