除了 while 循环,for 循环也是在 JavaScript 里面常用的循环的方法。首先使用一个 for … 在后面的圆括号里,需要指定三样东西要,第一个是循环的初始化器,在这里我们可以设置一个用来给循环计数的变量,这个初始化器在循环中只会被执行一次 ….
第二个东西是循环的时候要判断的条件 … 只有在这个条件是真的时候,才会去执行后面的代码 …
第三个东西是循环结束的时候要做的事 … 通常我们可以去更新一下循环用的计数器 … 注意括号里的每样东西之间,使用分号去分隔一下 ….
然后在大括号里,可以去添加一些每次循环的时候要做的事情 …
测试
下面我们可以使用 for 语句,实现前面视频使用 while 循环做的事,也就是在控制台上输出 0 - 9 这几个数字 ..
for (var i = 0; i < 10; i++) {
console.log(i);
}
先定义了一个小 i 变量 … 可以用它做为循环的计数器的变量 .. 给它一个初始的值是 0 , 循环的时候要判断的条件是 ,看一下小 i 是不是小于 10 … 如果小于10,才会执行大括号里的代码 … 在控制台上输出这个小 i 的值 ..
完成以后,会去更新一下计数器 … 让小 i 加上 1 … 这样第二次循环的时候,小 i 的值就会变成 1 了 … 1 同样小于 10 … 所以还会去执行大括号里的代码 … 在控制台上输出小 i
直到小 i 的值大于或者等于 10 的时候 … 这个循环才会结束 …
保存 .. 在浏览器上看一下 …
你会发现,在控制台上,会输出从 0 到 9 这些数字 …
测试
我们经常会用 for 循环,去处理数组... 比如输出数组里的所有的项目 … 下面我们去试一下 …
先去定义一个数组 ….
var week = ["星期一", "星期二", "星期三", "星期四", "星期五", "星期六", "星期天" ];
week 这个数组里面,包含了一些项目,从星期一,到星期天 …
下面再去写一个 for 循环,在控制台上输出这个数组里的所有项目..
for (var i = 0; i < week.length; i++) {
console.log(week[i]);
}
循环的时候,我们判断的条件是,看一下这个小 i 的值,是否小于数组的长度 … 这个数组的长度应该是 7 。因为它里面包含了 7 个项目 …
循环要做的事就是输出数组里的项目的值 … 使用数组的名称,加上一个方括号配合数组项目的序号可以输出对应的项目的值 …
保存 …
回到浏览器 … 刷新一下 …
在控制台上,会显示 week 这个数组里面的所有的项目的值 ….