JS 的 for循环学习

一.语法结构

1. for重复执行某些代码,通常跟计数有关系

2. for语法结构

for(初始化变量;条件表达式;;操作表达式){

循环体

}

3.初始化变量就是用var声明的一个普通变量,通常用于作为计数器使用

4.条件表达式就是用来决定每一次循环是否继续执行就是终止的条件

5.操作表达式是每次循环最后执行的代码经常用于我们计数器变量进行更新(递增或者递减)

6.代码体验

 二.执行过程

1.首先执行里面的计数器变量var i= 1 .但是这句话在for里面只执行一次   i=index

 2.取 i <= 100来判断是否满足条件,如果满足条件︰就去执行循环体;不满足条件退出循环

 3.最后去执行i++     i++是单独写的代码递增第一轮结束

4.接着去执行 i <= 100 如果满足条件就去执行循环体︰不满足条件退出循环―第二轮

三.断点调试

概念:断点调试是指自己在程序的某一行设置一个断点,调试时,程序运行到这一行就会停住,然后你可以一步一步往下调试,调试过程中可以看各个变量当前的值,出错的话,调试到出错的代码行即显示错误,停下。

断点调试可以帮我们观察程序的运行过程

浏览器中按F12——>sources ——>找到需要调试的文件——>在程序的某一行设置断点

Watch:监视,通过watch可以监视变量的值的变化,非常的常用。

F11:程序单步执行,让程序一行一行的执行,这个时候,观察watch中变量的值的变化。

代码调试的能力非常重要,只有学会了代码调试,才能学会自己解决bug的能力。初学者不要觉得调试代码麻烦就不去调试,知识点花点功夫肯定学的会,但是代码调试这个东西,自己不去练,永远都学不会

四.for循环执行相同的代码

五.for循环执行不同的代码

 for循环可以重复执行不同的代码 因为我们有计数器变量 i 的存在i每次循环值都会变化

1.我们想要输出1个人1~18岁

 2.for循环里面嵌套if else if

 

 六.for循环重复某些操作

for 循环重复执行某些操作比如说我们做了100次加法运算

求1~100之间的整数累加和

需要循环1日0次,我们需要一个计数器 i

我们需要一个存储结果的变量sum ,但是初始值一定是0

核心算法:1 +2 + 3 +4 ...., sum = sum + i;

七.双重for循环

1.双重for循环语法结构

for(外层的初始化变量;外层的条件表达式;外层的操作表达式){

    for(里层的初始化变量;里层的条件表达式;里层的操作表达式){

执行语句;

     }

}

2.我们可以把里面的循环看做是外层循环的语句

 3.外层循环循环一次,里面的循环执行全部

 4.代码验证

 

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript中,使用for循环进行累加的方法可以按照以下步骤进行: 1. 首先,设置一个初始值,比如将变量i设为0。 2. 然后,设置循环执行的条件,比如i小于某个特定的值,例如5。 3. 接着,在循环体中执行累加操作,也就是对i进行加1操作,可以使用i++或者i+=1。 4. 最后,循环会自动进行下一轮,直到循环执行条件不满足,循环结束。 使用for循环进行累加的代码示例如下: ``` var sum = 0; for (var i = 0; i < 5; i++) { sum += i; } ``` 在上述代码中,我们首先设置了一个初始值为0的变量sum用于存储累加的结果。然后使用for循环,将变量i初始化为0,在循环条件中判断i是否小于5,如果满足条件则执行循环体中的累加操作。每次循环都会将i的值累加到sum上,然后i自增1。当i不再小于5时,循环结束。最后,我们可以通过sum的值来获取累加的结果。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [JS中的三个循环小结](https://download.csdn.net/download/weixin_38521169/13657983)[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: 50%"] - *2* *3* [JS学习之for循环(重点)](https://blog.csdn.net/weixin_53317758/article/details/124438584)[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: 50%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值