javascript的循环语句。

简介: javascript的循环语句。

for循环

1. for(初始化变量①; 条件表达式②; 操作表达式③ ){
2. //循环体④
3.                                             }

初始化变量:其实就是用var声明一个普通的变量,并且这个变量通常是作为计数器使用。

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

操作表达式:每次循环最后执行的代码,经常用于更新计数器(递增或递减)。

循环体:一组被重复执行的语句。

执行流程:

初始化变量,初始化操作在整个 for 循环只会执行一次。

执行条件表达式,如果为 true,则执行循环体语句,否则退出循环,循环结束。

执行操作表达式,此时第一轮结束。

第二轮开始,直接去执行条件表达式(不再初始化变量),如果为 true,则去执行循环体 语句,否则退出循环。

继续执行操作表达式,第二轮结束。… 整体执行顺序为:① ② ④ ③ ② ④ ③ ② ④ ③ … ② 循环结束。


while循环

    while (条件表达式) {
                        //循环体代码
                       }
  1. 先执行条件表达式,如果结果为 true,则执行循环体代码;
    如果为 false,则退出循环,执行后面代码
  2. 执行循环体代码
  3. 循环体代码执行完毕后,程序会继续判断执行条件表达式。
  4. while语句可以在条件表达式为真的前提下,循环执行指定的一段代码,直到表达式不为真时结束循环。

do while循环

do while 是先执行代码,在进行判断,所以 do while 至少执行一次。

do {
    //循环体代码 - 条件表达式为 true 时重复执行循环代码
    } while(条件表达式);

for in

常用于遍历对象

不能使用break,continue,return来控制循环

let arr = [{name: '张三'},{name: '李四'}];    
 
for (let i in arr) {                    
                    console.log(i); //遍历下标 结果为  0  1
                    } 

forEach

forEach用于遍历数组中的元素,并且会对数组中元素使用callback(),与map(),raduce()不同的是,它总返回一个undefined,并且不可以链式调用。

不能使用break,continue,return来控制循环

let arr = [{name: '张三'},{name: '李四'}];  
 
arr.forEach((item,index)=>{
                            console.log(index);
                             })

for of

for—of不能遍历普通对象,因为普通对象没有Symbol.iterator属性,如果一个对象有Symbol.iterator属性,那么就可以使用for—of遍历。

常用于遍历array(数组)map(映射)set(集合)strings(字符串)

可以使用break,continue,return来控制循环

let arr = [{name: '张三'},{name: '李四'}];   
 
for (let i of arr){
                    console.log(i);
                    }  
目录
相关文章
|
4月前
|
JavaScript C语言
C语言/JS循环语句执行速度控制 | C语言爱心
C语言/JS循环语句执行速度控制 | C语言爱心
38 0
|
9天前
|
JavaScript 前端开发
JavaScript基础知识-流程控制之while循环
这篇文章介绍了JavaScript中的while循环和do...while循环的基础知识,并通过一个实际案例演示了如何使用while循环计算投资增长到特定金额所需的年数。
26 2
JavaScript基础知识-流程控制之while循环
|
4月前
|
JavaScript
js 延期执行_js在循环中 延迟执行 该如何写
js 延期执行_js在循环中 延迟执行 该如何写
|
27天前
|
JavaScript 前端开发
JavaScript中有哪几种循环?他们的运用场景在哪?
JavaScript中有哪几种循环?他们的运用场景在哪?
|
27天前
|
JavaScript 前端开发 索引
js的循环中foreach、for in和for of的区别
js的循环中foreach、for in和for of的区别
93 0
|
8天前
|
JavaScript 前端开发
JavaScript基础知识-forEach循环
关于JavaScript基础知识中forEach循环的介绍。
16 1
JavaScript基础知识-forEach循环
|
27天前
|
JavaScript 前端开发
JavaScript基础&实战(3)js中的流程控制语句、条件分支语句、for循环、while循环
这篇文章讲解了JavaScript中的流程控制语句,包括基本的if条件判断、弹窗提示输入、switch条件分支语句、while和do...while循环以及for循环的使用和示例。
JavaScript基础&实战(3)js中的流程控制语句、条件分支语句、for循环、while循环
|
19天前
|
JavaScript 前端开发
js循环有几种
js循环有几种
24 0
|
3月前
|
JavaScript 前端开发 程序员
探索Vue.js宝库:解锁基础知识与实用技能之门(1. 数据绑定与响应式 2. 条件与循环 3. 组件化开发;1. 路由管理与导航 2. 状态管理与Vuex 3. Vue.js的生命周期)
探索Vue.js宝库:解锁基础知识与实用技能之门(1. 数据绑定与响应式 2. 条件与循环 3. 组件化开发;1. 路由管理与导航 2. 状态管理与Vuex 3. Vue.js的生命周期)
34 1
|
3月前
|
JavaScript 前端开发
JS循环语句以及一些小练习
JS循环语句以及一些小练习
20 1