JavaScript-for循环

最新推荐文章于 2023-11-03 10:34:57 发布
最新推荐文章于 2023-11-03 10:34:57 发布
阅读量424 收藏 3
点赞数
分类专栏： JavaScript-for循环 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50727921/article/details/115372012
版权

在这里插入图片描述在这里插入图片描述
在这里插入图片描述for循环执行过程
在这里插入图片描述
for循环重复执行相同代码
在这里插入图片描述for循环重复执行不同代码


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<script>
			// for循环可以重复执行不同的代码 因为我们有计数器变量i的存在 i每次循环值都会变化
			// 我们想要输出1个人 1~100岁
			// for(var i=1;i<=100;i++){
			// 	console.log('这个人今年'+i+'岁了');
			// }
			for(var i=1;i<=100;i++){
				if(i==1){
					console.log('这个人今年1岁了，他出生了');
				}else if(i==100){
					console.log('这个人今年100岁，他死了');
				}else{
					console.log('这个人今年'+i+'岁');
				}
				
			}
		</script>
	</body>
</html>

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<script>
		var i;
		var sum=0;
		for(var i=1;i<=100;i++){
			sum=sum+i;
		}
		alert('1~100之间所有整数的累加和是'+sum);
		</script>
	</body>
</html>

在这里插入图片描述

for循环案例

1.求1~100之间所有数的平均值

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<script>
		// 求1~100之间所有数的平均值
		var i;
		var sum=0;
		var result=0;
		for(var i=0;i<=100;i++){
			sum+=i;
		}
		result=sum/100;
		alert('1~100之间所有数的平均值是'+result);
		</script>
	</body>
</html>

在这里插入图片描述
2.求1-100之间所有偶数和奇数的和

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<script>
			// 求1-100之间所有偶数和奇数的和
			var i;
			
			var sum1=0;
			var sum2=0;
			for(var i=1;i<=100;i++){
				if(i%2==0){
					sum1+=i;
				}
				else{
					sum2+=i;
				}
			}
			
			alert('1-100之间所有偶数的和是'+sum1+'\n1-100之间所有奇数的和是'+sum2);
			
		</script>
	</body>
</html>

在这里插入图片描述

3.求1-100之间所有能被3整除的数字的和

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<script>
			// 求1-100之间所有能被3整除的数字的和
			var i;
			var sum=0;
			for(var i=1;i<=100;i++){
				if(i%3==0){
					sum+=i;
				}
			}
			alert('1-100之间所有能被3整除的数字的和为'+sum);
		</script>
	</body>
</html>

在这里插入图片描述求学生成绩
在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<script>
		var num=prompt('请输入班级总的人数');
		var sum=0;
		var average=0;
		for(var i=1;i<=num;i++){
			var score=prompt('请输入第'+i+'个学生的成绩');
			sum+=Number(score);
		}
		average=sum/num;
		alert('班级总的平均成绩是'+average);
		</script>
	</body>
</html>

在这里插入图片描述
在这里插入图片描述在这里插入图片描述在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
一行打印五个星星
在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<script>
		var str='';
		for(var i=1;i<=5;i++){
		str=str+'*';
		}
		console.log(str);
		</script>
	</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<script>
			var str='';
		var num=prompt('请输入要打印星星的个数');
		for(var i=0;i<=num;i++){
			str=str+'*';
		}
		console.log(str);
		</script>
	</body>
</html>

在这里插入图片描述在这里插入图片描述

双重for循坏

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述双重for循坏-打印五行五列星星
在这里插入图片描述

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<script>
			// 打印五行五列星星
		var str='';
		for(var i=1;i<=5;i++){//外层循环负责打印五行
			for(var j=1;j<=5;j++){//里层循坏负责一行打印五个星星
				str=str+'*';
				}
				//如果一行打印完毕5个星星就要另起一行 加\n
				str=str+'\n';
		}
		console.log(str);
		
		</script>
	</body>
</html>

在这里插入图片描述双重for循坏-打印n行n列星星
在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<script>
			var str='';
			var num1=prompt('请输入您打印几列星星');
			var num2=prompt('请输入您打印几行星星');
			for(var i=1;i<=num2;i++){
				for(var j=1;j<=num1;j++){
					str=str+'*';
				}
				str=str+'\n';
			}
			console.log(str);
		</script>
	</body>
</html>

双重for循坏-打印倒三角形
在这里插入图片描述在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<script>
			// 打印倒三角形案例
			var str='';
			
			for(var i=1;i<=10;i++){//外层循环控制行数
				for(var j=i;j<=10;j++){//里层循环打印的个数不一样 j=i
					str=str+'*';
				}
				str=str+'\n';
			}
			console.log(str);
		</script>
	</body>
</html>

双重for循坏-打印正三角形

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<script>
			// 打印正三角形案例
			var str='';
			for(var i=1;i<=10;i++){
				for(var j=1;j<=i;j++){
					str=str+'*';
				}
				str=str+'\n';
			}
			console.log(str);
		</script>
	</body>
</html> 322·

在这里插入图片描述在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

weixin_50727921
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决vue的 v-for 循环中图片加载路径问题
10-18
在Vue.js应用中，`v-for`循环常用于渲染列表数据。然而，在处理图片加载时，尤其是在图片路径与数据动态绑定的情况下，可能会遇到一些问题。本文将深入探讨如何解决Vue的`v-for`循环中图片加载路径的问题。 首先，...
21-1 JavaScript基础 循环 for while do while continue break
Write less，do more
07-16 231
1.如果一个变量没有赋值,他的默认值式undifined,不是数字类型 2.undifined和任何的数字 进行数学运算最后的结果都是NaN 3.以后在程序中遇到问题后,第一时间想到用断电调试 2 1 - 循环 1.1 for循环 语法结构 for(初始化变量; 条件表达式; 操作表达式 ){ //循环体 } | 名称 | 作用 | | --------- | -------
Html+Css+Js(switch结构语句)显示当前时间并显示星期几
gly_technology的博客
01-31 1728
getDay()方法只返回数字，如果想返回星期几，得自己定义。
html怎布局for循环,网站前端，For循环
weixin_40008884的博客
06-15 1554
本节主要涉及：forfor添加事件处理函数this自定义属性69开关if对治疗选择恐惧症是非常好使的。选择if主要做的事情就是二选一二选一我们再来学习新东西：for大爷for大爷来走几步循环语句：for 写法：for( ; ; ){ }for(var i=0 ; i...
利用js,html。输入十个数字，输出最大值，最小值，平均值，求和值。
qq_73648813的博客
02-28 1768
<!DOCTYPE html> <html> <head> <title>计算数字</title> </head> <body> <script> // 弹出对话框让用户输入10个数字，以逗号隔开 var inputStr = prompt("请输入10个数字，以逗号隔开："); // 将用户输入的字符串按逗号分割为数组
循环输入5个人的年龄并计算平均年龄，如果录入的数据出现负数或大于100的数，立即停止输入并报错。
ljj1130165192的博客
10-26 383
/循环输入5个人的年龄并计算平均年龄，如果录入的数据出现负数或大于100的数，立即停止输入并报错。Console.WriteLine("5个人的平均年龄是{0}", sum / 5);Console.WriteLine("请输入第{0}个人的年龄", i+1);Console.WriteLine("输入错误即将退出");Console.WriteLine("输入错误退出");
javascript-for-react
05-21
本资料包“javascript-for-react”显然是针对React开发者，旨在深入理解和掌握JavaScript在React中的应用。 首先，理解JavaScript的基本语法是必要的。包括变量声明（var、let、const）、数据类型（如字符串、数字...
Vue 实现v-for循环的时候更改 class的样式名称
10-15
在Vue.js中，当需要在`v-for`循环中为每个元素动态地更改CSS类时，我们可以利用`v-bind:class`指令。`v-bind:class`允许我们根据数据动态地绑定一个或多个类。这里我们将详细讲解如何实现这个功能，并提供一个实例来...
详解在Vue.js编写更好的v-for循环的6种技巧
11-20
在Vue.js中，v-for循环是模板编程中的关键特性，用于动态渲染列表或者遍历数据。以下六个技巧可以帮助你写出更高效、可维护的v-for循环： 1. **始终在v-for循环中使用`:key`** 在使用v-for时，应该给每个迭代元素...
JavaScript For 循环
10-30
### JavaScript For 循环详解 #### 一、引言 在JavaScript编程中，循环是一种非常重要的控制结构，它允许我们多次执行某段代码，而无需手动重复书写这些代码。JavaScript支持多种类型的循环，包括`for`循环、`while...
html语言循环语句,JS for循环语句
weixin_36293915的博客
06-05 1143
for 语句主要用于执行确定执行次数的循环。for 语句的基本语法如下：for([初始值表达式]；[条件表达式]；[增量表达式]){循环体语句；}说明：“初始值表达式”：为循环变量设置初始值；“条件表达式”：作为是否进入循环的依据，可以是任意表达式，但一般为关系表达式或逻辑表达式，取值为真或假。每次要执行循环之前，都会进行条件表达式值的判断。如果值为真(值为 true 或非 0 或非空)，则执行循...
JavaScript基础第03天【笔记+代码】
weixin_41700993的博客
06-24 575
文章目录循环for循环 循环 1. 循环目的 在实际问题中，有许多具有规律性的重复操作，因此在程序中要完成这类操作就需要重复执行某些语句 ` for循环 语法结构for(初始化变量; 条件表达式; 操作表达式 ){ //循环体 } 名称 作用 初始化变量 通常被用于初始化一个计数器，该表达式可以使用 var 关键字声明新的变量，这个变量帮我们来记录次数。 条件表达式 用于确定每一次循环是否能被执行。如果结果是 true 就继续循环，否则退出循环。 操作表达式 用于确定
JavaScript基础知识——练习巩固（2）
weixin_48719464的博客
10-16 1319
使用for循环 - 求出班级里同学们平均年龄[15, 19, 21, 33, 18, 24]使用for循环 - 求出数组里大于5的i和 [4, 9, 5, 20, 3, 11]使用for循环 - 求出数组元素的和 [5, 8, 9, 2, 1, 5]计算[2, 6, 18, 15, 40] 中能被3整除的偶数的个数。计算[2, 6, 18, 15, 40] 中能被3整除的偶数的和。例如: [88,20,10,100,50] 打印 2。例如: [88,20,30,100,50] 打印-1。
html文件如何for循环,html循环代码怎么写？有几种循环语句？
热门推荐
weixin_29731589的博客
06-19 1万+
在互联网的热潮中，不断的涌现出很多的技术岗位。那么今天我们就来说下有关于“html循环代码怎么写？”这个问题吧！下面是小编的一些方法和代码，希望对大家有所帮助。1.首先我们新建个 .html 文件在文件中输入下面这些代码就可以实现循环了，会比较的相对简单。代码如下：循环的使用var array1 = [1,4,2,5,7,8];//遍历数据 利用下标的变化for(var i=0;idocumen...
html5怎么写循环,JavaScript中的for循环
weixin_30768979的博客
06-20 928
JavaScript 语言中的 for 循环用于多次执行代码块，它是 JavaScript 中最常用的一个循环工具，还可用于数组的遍历循环等。我们为什么要使用 for 循环呢？打个比方，例如我们想要控制台输出1到1000之间的所有数字，如果单写输出语句，要写1000句代码，但是如果使用 for 循环，几句代码就能实现。总之，使用 for 循环能够让我们写代码更方便快捷(当然啦，否则要它干嘛)。fo...
好程序员Python培训分享For循环用法详解
qq_35970166的博客
09-30 603
好程序员Python培训分享For循环用法详解，结合实例形式详细分析了Pythonfor循环的功能、原理、用法及相关操作注意事项，下面我们一起来看一下吧。 　　Python有两种类型的循环：for循环和while循环。for循环用来遍历可迭代对象。 　　可迭代对象是每次可以返回其中一个元素的对象,包括字符串、列表和元组等序列类型，以及字典和文件等非序列类型。还可以使用迭代器和生成器定义可迭代对象 For循环示例: iterable of cities cities = [‘new york city’, ‘
js基础之数组
最新发布
m0_56713342的博客
11-03 583
数组（Array：就是一组数据的集合，每条数据也叫元素，可以 存放任意类型的数据，每个元素以逗号分隔.
1-100所有数的和&1-100所有数的和的平均值
Wehter的博客
11-28 2989
上图 var num = 100 var sum = 0 for (j = 1;j <= num;j++){ sum += j } console.log('1-100所有数的和为：'+sum) console.log('1-100所有数的和的平均值为：'+sum/num)
Javascript-for循环案例-打印1-100之间所有的数字
06-06
好的，以下是 Javascript for 循环打印 1-100 之间所有数字的代码： ```javascript for (var i = 1; i ; i++) { console.log(i); } ``` 这个代码中，我们使用了 for 循环来遍历数字 1 到 100。每次循环，变量 i ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值