练习 | 循环

已于 2022-12-12 20:44:47 修改
阅读量1k 收藏 1
点赞数 2
文章标签： javascript 前端 开发语言
于 2020-12-12 15:16:58 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/A123ppleQueen/article/details/110792510
版权

循环是程序路径的一个回路，可以让一部分代码重复执行。

循环的目的，指定代码块执行的次数，并且让每次的值不一样。

循环作用：可以计算，可以输出重复值

 for循环

for循环，必备条件：变量初始化，变量的循环条件，和变量的更新

以分号；隔开

for循环原理

for循环是循环一次，输出一个值，而不是循环一次，就输出所有值

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
	<script>
	var a=[10,20,34,56];
	for(var i=0;i<a.length;i++){
		console.log(i,a[i]);
	}
	</script>
	</body>
</html>

for循环值

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
	<script>
	var a=[1,2,34,56];
	for(var i=0;i<a.length;i++){
		console.log(a[i]);
	}
	</script>
	</body>
</html>

 for循环下标

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
	<script>
	var a=[1,2,34,56];
	for(var i=0;i<a.length;i++){
		console.log(i);
	}
	</script>
	</body>
</html>

练习：计算1-100之间所有整数和

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
	     var sum=0;//sum代表整数和
	     for(var i=1;i<=100;i++){
	       sum+=i;//i表示每次更新的整数，sum表示每次更新后的总和
	  }
	    console.log(sum);
		</script>
	</body>
</html>

for循环还可以取出数组的i值和下标值，不止一个数组

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			var dr=[1,2,3,4];
			var dt=[110,4,-1,6];
			var dy=[];
			// 两数组值相加变成一个新数组
			for(var i=0;i<dr.length;i++){
				console.log(dr[i],i,"dr");
				console.log(dt[i],i,"dt");
			}
		</script>
	</body>
</html>

for循环双层嵌套

两个for循环嵌套形成的循环嵌套，通常都是第一个循环走一个值，第二个循环里的值都走完，不断重复这个过程，直到第一个循环的值都走完就结束了。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
	<script>
	var a=[1,3,4,6];
	var b=["*","#","&"];
	for(var i=0;i<a.length;i++){
		console.log(a[i])
		for(var j=0;j<b.length;j++){
			console.log(b[j])
		}
	}
	</script>
	</body>
</html>

练习：写3行3列的*

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
		for(var i=0;i<3;i++){
			document.write('*')
			for(var j=0;j<2;j++){	
				document.write('*')
			}
			document.write("<br/>");
		}
		</script>
	</body>
</html>

练习：写3行然后三行对应1列2列3列

这里的精髓在于j<i ,j值会随着每次的循环值进行改变，i值也会随着每次的循环，值进行改变，j值值都是动态变化的

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
		for(var i=0;i<3;i++){
			document.write('*')
			for(var j=0;j<i;j++){	
				document.write('*')
			}
			document.write("<br/>");
		}
		</script>
	</body>
</html>

练习：写5行然后倒着

我跟这个杠上了，还有右边一排和正三角形请好好想一想

这样为什么能做出来，没错，我也没想明白，属于瞎猫撞上死耗子了。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
		for(var i=0;i<5;i++){
			document.write('*')
			for(var j=4;j>i;j--){
				document.write('*')	
			}
			document.write('<br/>')
		}
		</script>
	</body>
</html>

for循环循环值问题

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
		var a=[1,2,3,4,5,6,7];
		var b=null;
		for(let i=0;i<a.length;i++){
		 console.log(a[i]);
		 //b组只有一个值，还是a组的最后一个值，我想要的是b组有a组的全部值
		  b=a[i]
		}
		 console.log(b,"b组值");
		</script>
	</body>
</html>

练习：输出1000-9999之间的值，并且五个值为一行

太长了没截完

 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			var a=0;
			for(var i=1000;i<=9999;i++){
				if(i % 4 == 0 && i % 100 !== 0 || i % 400 == 0 ){
					document.write(i+"&nbsp");	
					a++;
					if(a%5==0){
						document.write('<br/>')
					}
				}
			}
		</script>
	</body>
</html>

循环嵌套

在循环体中又嵌套了另外一个循环，任意循环之间都可以相互嵌套

练习一：打印九九乘法表

自己的

// 打印九九乘法表

//1*1=1

var amass='';//打印最后的效果

var y;

// var s=1;//代表第二位数

for(var i=1;i<=9;i++){

for(var s=1;s<=i;s++){

    y=i*s;

 amass+=i+'*'+s+'='+y+' ';

}

}

console.log(amass);

老师的

//外层循环：控制循环的行数

for(var i=1;i<=9;i++){

  //i代表行数

  //1

  //2

  //3

  //内层循环：控制每一行循环的列数

  //循环条件是由当前行数决定

  //准备一个变量保存空字符串，用于拼接每一列

  for(var j=1,str='';j<=i;j++){

    //拼接每一列

    str+=j+'*'+i+'='+(i*j)+' ';

  }

  //内层循环结束代表每一行拼接结束

  console.log(str);

}

尝试改进1

var y;

for(var i=1;i<=9;i++){

for(var s=1,amass='';s<=i;s++){

    y=i*s;

 amass+=i+'*'+s+'='+y+' ';

}

}

console.log(amass);

尝试改进2

var y;

// var s=1;//代表第二位数

for(var i=1;i<=9;i++){

for(var s=1,amass='';s<=i;s++){

    y=i*s;

 amass+=i+'*'+s+'='+y+' ';

}

console.log(amass);

}

注：我个人并不能理解，为什么console.log的位置变了，效果就完全不一样

       var amass="amass的值之所以为‘’是因为变量只声明的话值会是undefined,如果赋值1，则会每行多1

var y;

// var s=1;//代表第二位数

for(var i=1;i<=9;i++){

for(var s=1,amass='1';s<=i;s++){

    y=i*s;

 amass+=i+'*'+s+'='+y+' ';

}

console.log(amass);

}


情况的不同，造成amass=1的结果也不同

var y;

amass=1;

for(var i=1;i<=9;i++){

for(var s=1;s<=i;s++){

    y=i*s;

 amass+=i+'*'+s+'='+y+' ';

}

}

console.log(amass);

循坏要素：循环条件 循环体

while循环

while（循环条件）{

循环体；

}

for in 数组对象遍历，但无法遍历索引数组。也就是它的遍历会超出当前对象，继续遍历原型对象中的成员。

arr.forEach 数组家函数，只能数组家的对象使用，其他的类数组对象，无法使用。

for of 

遍历数字下标的东西都可以用它（索引数组，类数组对象）

for(var 元素值 of 数组/类数组对象){

  //of依次获取每个元素得值，无法获取每个元素的下标位置

}

eg:    <script>    
        //定义一个函数，计算任意多个数值得和
        //for
        function add(){
            var result=0;
            for(var i=0;i<arguments.length;i++){
                result+=arguments[i];
            }
            return result;
        }
        console.log(add(1,3,4));
        console.log(add(1,3,4,9,100));
        
        
        //类数组对象,arguments是类数组对象,自带
        //for of
        function d(){
            var result=0;
            for (var elem of arguments){
                result+=elem;
            }
            return result;
        }
        console.log(d(1,3,4));
        console.log(d(1,3,4,9,100));
                
        
        //forEach
         function ad(){
             var result=0;
             arguments.forEach(function(elem){  
                result+=elem;
            })
             return result;
         }
         console.log(ad(1,3,4));
         console.log(ad(1,3,4,9,100));
        </script>

     

for of与for in的区别

forforEachfor offor in
数字下标索引数组✔✔✔不保险
类数组对象✔✘✔不保险
字符串✔✘✔不保险
自定义名称下标关联数组✘✘✘✔
对象✘✘✘✔

练习：使用循环打印30~20之间所有的整数

//初始值 var i=30;

while(i>=20){//循环条件

//循环体 console.log(i);

//i变化 i--;

}

//练习：使用循环打印50 55 60 65 70

var i=50;

while(i<=70){

console.log(i);

//i变化，每次加5

//i=i+5;

i+=5;

}

//练习：使用循环打印1~100之间所有的奇数，使用if判断

var i=1;

while(i<=100){

//i代表1~100之间所有的整数

//判断i是否为奇数

if(i%2===1){

console.log(i);

}

i++;

}

//练习：使用循环计算1~100之间所有整数的和

//循环产生1~100之间所有整数 var i=1;

//声明变量，用于记录总和，初始值为0

var sum=0;

while(i<=100){

//i代表1~100之间所有整数

//把每次产生的整数加到sum中

//sum在原来的基础之上加每一个整数 //sum=sum+i;

sum+=i;

/0+1+2+3...100

//每次往sum中加1个值，打印一次 /

console.log(sum);

i++;

}

//当循环结束后，打印最终的sum值

console.log(sum); */

//练习：计算1~100之间所有偶数的和

//循环产生1~100所有整数

//从中找到偶数

//把偶数相加到一起

var i=1;

//用于保存总和 var sum=0;

while(i<=100){

//i代表1~100所有整数

//从中找到偶数

if(i%2===0){

//i是所有偶数 //求和，把所有的偶数加到sum中

sum+=i;

//0+2+4..100

}

i++;

}

console.log(sum);

for in 用于遍历关联数组、对象

forEach 数组家的对象使用

for of 遍历数字下标的数组

break

在循环体中执行后，强制结束循环

循环结束的两种方式

当循环条件为false,结果

当循环条件中执行break后结束

/* //循环打印1~10

var i=1;

while(true){

//循环体

console.log(i);

//当i的值为10，强制结束循环

if(i===10){

break;

}

i++;

}

*/ //练习：使用死循环计算11~20之间所有整数的乘积

var i=11;

//声明变量，用于计算乘积，初始值是1

var s=1;

while(true){

//i是11~20所有整数

//console.log(i);

//把所有的整数乘以到s中 s*=i;

//当i为20的时候，结束循环

if(i===20){

break;

}

i++;

}

console.log(s);

(3)do-while

do 做

do{

循环体

}while(循环条件)；

//循环打印0~9之间所有整数

var i=0; do{

//循环体

console.log(i);

//i变化 i++;

}while(i<10);

//循环条件

//练习：循环打印30~20之间所有的整数、

//初始值

var i=30;

do{ //循环体

console.log(i); //增量 i--;

}while(i>=20);//循环条件

//练习：循环打印60 63 66 69 72

//初始值 var i=60;

do{ //循环体

console.log(i); //增量 i+=3;

}while(i<=72);//循环条件

//练习：打印出1~100之间所有能被4整除的数，if判断

//循环产生1~100之间所有的整数

var i=1;

do{ //i就是1~100所有整数 //判断是否能被4整除

if(i%4===0){

console.log(i);

}

i++;

}while(i<=100);

//练习：计算1~100之间所有能被7整除的数字的和

//循环产生1~100之间所有整数

//从中找到能被7整除的数字

//求和

var i=1; //用于保存总和

//每次循环都要初始一次为0

var sum=0;

do{ //i代表1~100之间所有整数

//判断是否能被7整除

if(i%7===0){

//i代表能被7整除的数字

//求和，将所有能被7整除数字加到sum

sum+=i; }

i++;

}

while(i<=100);

//打印最终的sum

console.log(sum);

//练习：计算1~20之间所有能被3整除的数字的乘积

//循环产生1~20之间所有整数

//从中找到能被3整除的数字

//求乘积 var i=1;

/声明变量，记录乘积，初始值为1

var s=1;

do{ //i代表1~20之间所有整数

//判断是否能被3整除

if(i%3===0){

//i被3整除的数字

//求乘积，把这些整除乘以到s

s*=i; }

i++;

}while(i<=20);

console.log(s);

//练习：声明变量保存密码'123456'，在死循环的循环体中弹出提示框，要求输入密码，如果输入的密码正确，就结束循环

var pwd='123456';

do{ //循环体

//获取用户输入的值

var str=prompt('input password');

//判断输入是否正确

if(str===pwd){

//结束循环 break;

}while(true); */

//使用循环条件判断密码是否正确

var pwd='123456';

do{

//用户输入的密码

var str=prompt('input password');

}while(str!==pwd);

//如果用户输入的密码不正确，继续循环(true)

//'666666'!=='123456'

//如果用户输入的密码正确，结束循环(false)

//'123456'!=='123456'

for循环  06——for.js

 for(初始值（1）循环条件（2）；增量 （4）){

       循环体；（3

}while(循环条件)；

//练习：循环打印80 75 70 65 60

for(var i=80;i>=60;i-=5){

console.log(i);

}

//练习：计算1~20之间所有奇数的乘积

//循环产生1~20之间所有整数

for(var i=1,s=1;i<=20;i++){

//i代表1~20之间所有整数

//判断i是否为奇数

if(i%2===1){

//相乘 s*=i;

}

}

console.log(s);

//练习：循环打印2000~2100之间所有的闰年

//循环产生所有的年份

//判断是否为闰年

for(var i=2000;i<=2100;i++){

//i就是所有的年份

//判断是否为闰年

if(i%4===0 && i%100!==0 || i%400===0){

console.log(i);

}

}

*/ //练习：循环打印九九乘法表的第5行

//12345

//1*5=5 2*5=10 3*5=15 4*5=20 5*5=25

for(var i=1,sum='';i<=5;i++){

sum+=i+'*5='+(i*5)+' ';

//''+1+2+3+4+5

} console.log(sum);

continue和break   继续 强制停止

     1 2 3 4 5 6 7 8 9 10

break 一旦执行后，就会结束循环，不再执行循环中的代码

continue 跳过循环体，还会继续执行后续的循环

/* //打印1~10之间所有整数，不包括6

for(var i=1;i<=10;i++){

if(i===6){

//break;//结束循环

continue;//跳过循环体，继续往后执行后续的循环

}

console.log(i);

}

/ //练习：打印1~100之间所有的偶数，如果遇到奇数就跳过

//打印所有的整数

for(var i=1;i<=100;i++){

//如果i为奇数跳过

if(i%2===1){

continue;

}

console.log(i);

}

在循环体中又嵌套了另外一个循环，任意循环之间都可以相互嵌套

/* //打印1-100之间所有的整数，排除所有能被6整除或者能被7整除的数字

for(i=1;i<=100;i++){

//打印出1-100所有整数

//排除所有能被6整除或者能被7整除的数字

if(i%6===0 || i%7===0){

continue;

}

console.log(i);

}

*/ //打印2000-2100年之间前10个闰年

//求前面十个数的和

//设置变量保存前10的值

var s=0;

for(i=2000;i<=2100;i++){

//输出每个年份

//判断闰年有哪些

if(i%4===0 && i%100!==0 || i%400===0 ){

//输出所有闰年 console.log(i);

} if(s=0;s<=10;s++){

console.log(s);

}

}

循环值总是最后一个

把var 改为let

for of  就是 数组 一个值

快乐的高兴的学习代码中
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
python for循环练习
09-01
python for循环练习
最详细小白入门Python21-循环之while循环
weixin_44363315的博客
09-08 1863
1、循环介绍 有条件的重复做相似的事情 Python中循环分为while 和for 2、while循环的使用 格式： while 条件： 循环体 while 循环的三个必要元素 while 关键字 循环条件 循环体 构造循环要想的四件事 初始状态 循环条件 要重复做的事情 循环控制 案例 # 需求:求1-100的累加和 # 初始状态
用递归或者for循环求1-20的乘积的几种简单实现
weixin_43748930的博客
01-03 7111
// 通过递归求1-20的乘积 function cj(n) { if (n &gt;= 2) return n * cj(n - 1); else return n; } cj(20); // 或者 function cj(n) { if (n &lt;= 19) return n * cj(n + 1); else return n; } cj(1); // 通过for循环求1-20的乘积...
php奇数乘法表,PHP九九乘法表
weixin_30802819的博客
03-19 258
该楼层疑似违规已被系统折叠隐藏此楼查看此楼我写过
PHP输出1到10的乘积,PHP计算数组中值的和与乘积的方法(与函数)
weixin_39769183的博客
03-21 744
这篇文章主要介绍了PHP计算数组中值的和与乘积的方法,结合实例形式较为详细的分析了array_sum与array_product函数的功能与使用方法,需要的朋友可以参考下本文实例讲述了PHP计算数组中值的和与乘积的方法。分享给大家供大家参考，具体如下：一、概述：array_sum() 函数用于计算数组中所有值的和。array_product() 函数用于计算数组中所有值的乘积。二、使用示例：arr...
php求1至10的乘积,PHP如何计算数组中所有值的乘积？（代码示例）
weixin_36061828的博客
03-10 805
array_product()是PHP中的一个内置函数，它可以返回给定数组中所有数字的乘积。该函数接受一个仅由数字组成的数组。如果数组中除了数字之外还有其他数据，则函数返回0。语法:array_product($array)参数：函数有一个强制参数$array，为其计算所有值的乘积。返回值：该函数根据以下情况返回三个不同的值:如果数组包含至少一个非数字数据，则返回0。当一个空数组作为参数传递时，它...
Java循环练习
08-28
Java循环练习
循环练习题目
09-21
500道java循环练习题目，适合初学者联系循环结构
while循环练习示例
05-05
本资源内部包含了while循环的练习代码，以及我之前发的所有的练习代码
循环条件小练习
01-20
1.找黄金分割点 题目：寻找某两个数相除，其结果 离黄金分割点 0.618最近 分母和分子不能同时为偶数 分母和分子 取值范围在[1-20] double x = 0; double y= 0; double min =1; for（double i =1;...
1~20阶乘求和
qq_32071537的博客
11-19 664
#include<stdio.h> int main() { int n=0; int i=0; int ret=1; int sum=0; for(n=1;n<=4;n++) { ret=ret*n; sum=sum+ret; } printf("%d\n",sum); return 0; }
1到10的 取出 奇数 拿出奇数的下标 仅供参考
weixin_42390230的博客
11-26 696
**1到10的 取出 奇数 拿出奇数的下标 仅供参考 ** public static void main(String[] args) { int[] array = new int[] {1,2,3,4,5,6,7,8,9,10}; for (int i = 0; i < array.length; i++) { if (i % 2 == 1) { System.out.println(i); System.out.println(“下标”+printArray(array, i)); }
hdu 2006 求奇数的乘积
killsoon的专栏
08-11 1977
求奇数的乘积<br />Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)<br />Total Submission(s): 13176    Accepted Submission(s): 8634<br /><br /><br />Problem Description给你n个整数，求他们中所有奇数的乘积。 <br /><br />Input输入数据包含多个测试实例，每个测试实例占一行，
练习：使用死循环形式计算11~20之间所有整数的乘积
weixin_45306099的博客
11-22 653
``var i=11; //声明变量，用于记录乘积 var s=1; while (true) { //i代表11~20 s*=i; if (i===20) { break; } i++; } console.log(s);
JS–while循环语句
weixin_69383385的博客
05-09 2048
1.循环执行10次，范围1-10 //初始化变量，用于记录循环的范围 var i=1; while(i<=10){//循环条件 console.log('哈哈哈',i); //循环体 i++;//增量 } 2.练习：打印30-21之间所有的整数 var a=30; while(a>=21){ console.log(a); a--; } 3.练习：利用循环打印40,45,50,60这些数字 var b=40; while(b<=60){...
Java程序结构之循环结构
weixin_44379518的博客
08-06 786
Java程序结构之循环结构（待补充） 提示：下面这个是有关Java程序结构之循环结构（待补充）的分析带有流程图及部分代码加以理解构成 一、Java程序中什么循环结构？ 顺序结构的程序语句只能被执行一次。如果您想要同样的操作执行多次,加粗样式就需要使用循环结构。 Java中有三种主要的循环结构： 1. for 循环 2. while 【当】循环 3. do…while 【直到】循环 二、循环语句的组成 初始化语句(init_statement):用于完成一些初始化工作，在循环开始之前执行。 循环条件(t
【JavaScript】JavaScript中，几个经典而又基础的循环嵌套问题：循环打印1-10之间所有整数、打印30-21之间所有整数、计算1-20之间所有能被3整除的数字之积...
zhongqingtian的博客
05-07 1099
【JavaScript】JavaScript中，几个经典而又基础的循环嵌套问题：循环打印1-10之间所有整数、打印30-21之间所有整数、计算1-20之间所有能被3整除的数字之积...
用while循环计算整数的和，乘积
L_H_study的博客
01-15 850
用while循环计算整数的和，乘积
JS–break（强制结束）
weixin_69383385的博客
05-10 564
while-bleak //初始值为1，循环条件为true，循环体中打印i，增量为加1 var i=1; while(true){ console.log(i); if(i==10){ //当i=10的时候，强制结束循环 break; } i++; } 练习:当循环条件为true的情况下，计算出11-20之间所有整数的乘积 var s=1;//声明变量，用于保存乘积 var a=11; while(true){ if(a>20){ //a代表11...
java循环语句练习
最新发布
11-10
以下是Java中常用的循环语句及其练习： 1. for循环：当知道循环的范围或者循环的次数的时候用for循环。 ```java for (int i = 0; i ; i++) { System.out.println("第" + (i+1) + "次循环"); } ``` 2. while循环...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值