专否 写文章

jerkzhang

Nov 9, 2020
Follow

JavaScript的两种for循环

来源《JS For循环》

JavaScript循环语句可以让程序重复运行代码块中的语句。


JS For 循环1:

for ( 语句1; 语句2; 语句3; ) {
        代码块
}

语法解析:

  • 语句1 - 只在循环第一次运行前执行,一般用于变量初始化
  • 语句2 - 是一个条件表达式,该表达式成立,循环才会继续进行;若不成立,则结束循环
  • 语句3 - 每次循环执行后,运行一次语句3,一般用来累加步长

JS For 循环示例:

var i, text;
var gangs = ["太平天国", "义和团", "天地会", "日月神教", "红花会", "学生会"];
for (i = 0; i < gangs.length; i++) { 
  text += gangs[i] + "<br>";
}

JS For 循环示例解析:

  • 语句1 - i=0,第一次循环前的i被初始化为0,i会在每次循环中作为数组的索引位置数字
  • 语句2 - i<gangs.length, 这是一个条件表达式,只要i没有超出数组的最大索引位置,则会一直执行下去;若不成立,则结束循环
  • 语句3 - i++的意思就是每次循环执行后,变量i的值加1,i++是i=i+1的简写

JS For 循环2:

for / in 语句的语法

for ( i in obj ) {
        代码块
}

语法解析:

  • obj指代Object类型的一些对象,如Array数组、Object对象
  • 若是数组,变量i就会遍历数组,每轮循环中,i等于相应的索引数字
  • 若是Object对象(特指专否中归纳的那种字典类型对象),则会以变量i遍历obj的所有的预设属性(从字典的角度来看,就是遍历所有的键)
  • 变量i的变量名是可以随意自定义的,提前声明好即可

JS For 循环示例1:

var gangs = ["太平天国", "义和团", "天地会", "日月神教", "红花会", "学生会"];
var text = "";
var i;
for (i in gangs) {
  text += i + " ---> " + gangs[i] + "<br>";
}

JS For 循环示例2:

var gangs = { "taiping": "太平天国", 
              "yihe": "义和团", 
              "tiandi": "天地会",
              "riyue": "日月神教",
              "honghua": "红花会", 
              "xuesheng": "学生会" };              
var text = "";
var i;
for (i in gangs) {
  text += i + " ---> " + gangs[i] + "<br>";
}


喜欢这个文章 | 分享 | 新建跟帖