JS中的循环结构 FOR

 循环语句:

1.FOR循环

2.FOR…IN循环


1.FOR循环

指定次数的循环

 语法结构

指定次数的循环

for(初始化;  条件;  增量){

   //此处是循环体语句;

 }

for ( var i=0;  i<5;  i++) {

      x="The number is " + i +"<br>";

  }

FOR循环使用基础

        1 循环一定的次数

       for(var a = 5; a < 10; a = a + 1) {

           console.log(a); }

        2 for循环里依然可以使用if...else语句:

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

                 if(a == 3 || a == 6) {

                             console.log(a + '!!!');

         } else {

                    console.log(a);       

         }

}

        3 for循环里面还可以再嵌套for循环:

        var count = 0;

         for(var i = 0; i < 2; i++) {

                 console.log('i------------:', i);

                 for(var j = 0; j < 3; j++) {

                         console.log('j:', j);

                         count++;

                }

         }

        console.log(“count:” + count);


课堂实践

用js输出以下结果[生成html DOM结构]

        结果如下

 

 用js输出table,偶数行变色

          结果如下

 输出指定数内的奇数并求奇数和

         结果如下

输出正、倒三角形

        结果如下

九九乘法表

         结果如下

 

 

 


关于breakcontinue

break 语句:用于跳出循环,继续执行该循环之后的代码。

for (i=0;i<10;i++)

   {

  if (i==3)

    {

    break;

    }

Document.write(i+”<br  />”);

  }

Document.write(“循环后面的语句”);

continue语句:

    如果出现了指定的条件,中断循环中的迭代,然后继续循环中的下一个迭代。

for (i=0;i<10;i++)

  {

  if (i==3)

    {

    continue;

    }

Document.write(i+”<br  />”);

  }

Document.write(“循环后面的语句”);


2 for/in - 循环遍历对象的属性

var person={fname:"John",lname:"Doe",age:25};

for (x in person)

  {

  txt=txt + person[x];

  }

(1)for循环遍历

var array1 = ['a', 'b', 'c'];

for(var i = 0; i < array1.length; i++) {

    console.log(array1[i]); // a  b  c

}

(2)JavaScript 提供了 foreach()  map() 两个可遍历 Array对象 的方法    forEach和map用法类似,都可以遍历到数组的每个元素,而且参数一致;

Array.forEach(function(value , index , array){

    //value为遍历的当前元素,index为当前索引,array为正在操作  的数组

   //do something

},thisArg)

   //thisArg为执行回调时的this值


JS解决实际问题

01 大马驮2石粮食,中马驮1石粮食,两头小马驮一石粮食,要用100匹马,驮100石粮食,该如何调配?

算法:

a+b+c=100 2a+b+c/2=100

 0<=a<=50   0<=b<=100 0<=c<=100(不能大于100,总量是100)

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在JavaScript,双层for循环是一种嵌套循环的语法结构。它允许在一个循环语句再定义一个循环语句。这样的for循环语句被称为双层for循环。双层for循环的语法结构如下: ``` for (外层的初始化变量;外层的条件表达式;外层的操作表达式) { for (里层的初始化变量;里层的条件表达式;里层的操作表达式) { 执行语句; } } ``` 在双层for循环,里面的循环可以被看作外层循环的语句。外层循环循环一次,里面的循环会执行全部。可以通过双层for循环实现更多复杂的逻辑和效果。 下面是一个示例代码: ```javascript for (var i = 1; i <= 3; i++) { console.log('这是外层的循环第' + i + '次'); for (var j = 1; j <= 3; j++) { console.log('这是里层的循环第' + j + '次'); } } ``` 以上示例代码,外层循环执行3次,内层for循环会全部执行一次。这样就实现了双层for循环的效果。 双层for循环在处理需要重复执行且有嵌套关系的代码时非常有用。它可以帮助我们处理复杂的算法和问题,同时也可以提升代码的可读性和可维护性。我们可以通过分析循环的执行过程,并举一反三,总结出一些核心算法和经验,来解决类似的问题。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [JavaScript 双重for循环](https://blog.csdn.net/Sea_water778/article/details/120521010)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [javaScript:双层for循环,如何在内层for循环跳出外层for循环](https://blog.csdn.net/LeeBingNing/article/details/128697891)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [理解javascriptMap代替循环](https://download.csdn.net/download/weixin_38631049/13181942)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值