js基础的三种循环学废了吗???

                     **js基础的三种循环学废了吗???**`在这里插入代码片`


      1:for循环
      2:while循环
      3:do-while循环

for循环

  ...语法结构
  for (声明一个变量;判断条件;自增变量) {
        循环体
    }

|作用|
|声明一个变量|
|判断条件|
自增变量|

–作用
1.for循环重复相同的代码
列子:
输出10句我想要吃冰淇淋
基本写法

<script>
        for(var i=1;i<=10;i++){
            console.log("我想要吃冰淇淋");
            // document.write("我想要吃冰淇淋")

        }
        //用户输入的次数
        var num=prompt("请输入要输入的次数")
        for(var i=1;i<=num;i++){
            console.log("我想要吃冰淇淋");
            
        }
    </script>

2.for 循环重复不相同的代码
例如:输出1到100岁

<script>
         ~~~~for(var i=1;i<=100;i++){
             console.log("这个人今年"+i+"岁了");
         }~~~~      
         **上面代码跟下面最后一句相同,也不相同**
         //求输出1到100岁并提示出生,死亡
         for(var i=1;i<=100;i++){
             if (i ==1) {
             console.log("这个人今年一岁了,他出生了");    
             }else if(i ==100){
                 console.log("这个人今年100岁了");
             }else{
                console.log("这个人今年"+i+"岁了");
             }
         }
    </script>

for循环因为有了计数器的存在,还可以重复的执行某些操作,比如做一些算术运算
1.for 循环可以重复执行某些相同代码
2.for 循环可以重复执行些许不同的代码,因为我们有计数器
3.for 循环可以重复执行某些操作,比如算术运算符加法操作
4.随着需求增加,双重for循环可以做更多、更好看的效果
5.双重 for 循环,外层循环一次,内层 for 循环全部执行
6.for 循环是循环条件和数字直接相关的循环

while循环

 while(判断条件){
             //循环体代码
        }
        使用while循环,完成球的动作每取一个
    

   var i=1;
        while(i<=6){
            console.log(i);
            i++;
        }

执行过程
判断条件为真(true)的时候继续循环里面的语句
为假(false)的时候循环结束

do while循环

do里面写要执行和循环的代码while里面写上要判断的条件

  var i=1;
        do{
            console.log("这是第"+i+"个数字");
            i++
        }while(i<=6)

双重for循环制作爱心效果
打印五行五列爱心

  var str = "";
        for(var i=1;i<=5;i++){
            for(var j=1;j<=5;j++){
                str +="❤"
            } 
            每循环一次换行一次
            str +="\n"
             
        }
        console.log(str);

循环方式的总结

for循环:
缺点: ①当嵌套循环时, 访问成员比较麻烦
优点: 可以使用break、continue、return终止循环
迭代器方法: (forEach、map、filter方法):
缺点: 不能使用break、continue终止循环
优点: 访问成员比较方便
for in循环:
特点:
会将索引值转换成字符串
会遍历到原型上的属性方法
缺点: 不适合遍历数组
优点: 可以使用break、continue、return关键字, 适合遍历对象

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值