for 循环 - 重复地去做要做的事

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

除了 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 这个数组里面的所有的项目的值 ….

for 循环 - 重复地去做要做的事《 JavaScript 基础 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点