js中的4种循环结构

Posted dannielee

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js中的4种循环结构相关的知识,希望对你有一定的参考价值。

js有4种循环结构:

1.for循环 ==》多次遍历代码块

2.for / in循环==》遍历对象属性

3.while循环==》当指定条件为true时,循环代码块

4.do while循环==》当指定条件为true时,循环代码块

for循环

一般都有特定的计数器变量。操作计数器的三个重要步骤为:初始化、检测、更新

语句1的作用是将变量初始化;

语句2的作用是在每次循环前都要检测变量的值是否在某一个范围内;

语句3的作用是更新计数器变量:每次循环后进行自增或者自减操作

 

for(语句1;语句2;语句3){
     被执行的代码块
}  

 

  • 简单的for循环,循环执行一次时会改变一个变量的值

  举例子说明:输出1到10的值;

for(var num=1; num<=10; num++){//再循环开始时设置了一个变量num=1;//定义运行循环的条件num<=10;//每个循环执行后,变量增加1
console.log(num); }  
  • 复杂的for循环,循环执行一次时,会改变多个变量,这种情况下需要结合逗号来使用

  举例说明,输出1*9+2*8+3*7+4*6+5*5+6*4+7*3+8*2+9*1的值

var i, j;
for(i = 0, j =10;  i<10; i++, j--){
    sum += i * j;
}
console.log(sum);

 

for / in循环

用来循环遍历对象的属性
var person={
     name:"Nick",age:25
}; 
var txt = ""; 
for (x in person)  // x 为属性名
{
    txt=txt + person[x];
}

 

while循环

while(条件){
    需要执行的内容
}  

 

 

do while循环

举例说明:当count=1时,执行

do{
需要执行的代码
}
while(条件);

 

以上是关于js中的4种循环结构的主要内容,如果未能解决你的问题,请参考以下文章

Chrome-Devtools代码片段中的多个JS库

JavaScript的循环结构和经典题目

JS

JS学习

js:流程控制(分支结构顺序结构循环结构)

JS中的循环结构循环嵌套以及函数介绍