
for循环
⚔️ 任务目标
⚔️ 任务背景
⚔️ 任务内容
🔰 for循环的使用方法
-
for:多次遍历代码块
-
for/in:遍历对象属性
🔰 使用示例
for (语句 1; 语句 2; 语句 3) {
要执行的代码块
}
🔫 for循环是经常使用的语法结构,代码结构如下:
语句 1 在循环(代码块)开始之前执行。
语句 2 定义运行循环(代码块)的条件。
语句 3 会在循环(代码块)每次被执行后执行。
🔫 for循环代码实例一(普通遍历
):
for (var i = 0; i < 10; i++) {
console.log(i)
}
// 执行结果
0 1 2 3 4 5 6 7 8 9
for (var i = 0; i < 10; i+=2) {
console.log(i)
}
// 执行结果
0 2 4 6 8
说明:
语句1在循环之前设置一个变量(var i = 0),从0开始遍历
语句2定义运行循环的条件(i必须小于10),当i = 10的时候不满足循环条件
语句3会在代码块每次执行之后对变量值i进行递增(i++)
语句3 (i+=2) 相当于每次循环迭代器i+2,也可以这么写(i=i+2)
🔫 for循环代码实例二(数组遍历
):
var arr = [11, 22, 33, 44, 55]
for (var i = 0; i < arr.length; i++) {
console.log(arr[i])
}
// 执行结果
11 22 33 44 55
说明:
语句1在循环之前设置一个变量(var i = 0),从0开始遍历(数组下标从0开始)
语句2定义运行循环的条件(i必须小于arr的数组长度),当arr下标正好是0-3,4的时候不满足循环要求
语句3会在代码块每次执行之后对变量值i进行递增(i++)从arr[0]-arr[3]
🔫 for循环代码实例三(对象遍历
):
var obj = {name:"tom", gender:"man", age:32}
for (var key in obj) {
// 打印键
console.log(key)
// 打印值
console.log(obj[key])
}
// 执行结果
name
tom
gender
man
age
32
说明:
⚔️ 刷题练习
✏️ 题目1
for (var i=0; i <= ___; i++) {
console.log(i)
}
预期输出结果: 0 1 2 3 4 5
✏️ 题目2
for (var i=1; i <= ___; i+=1) {
console.log(i)
}
预期输出结果:1 2 3 4 5 6 7 8 9
✏️ 题目3
var arr = ['a1', 'b1', 'c1', 'd1', 'e1', 'f1', 'g1', 'h1']
for (var i=0; i < arr.length; i+=___) {
console.log(arr[i])
}
预期结果:a1 d1 g1
✏️ 题目4
var obj = {
realName:'张三',
phone:13344556789,
email:'zhangsan@163.com',
created_at:'2021-06-12 10:00:00'
}
for (var k in obj) {
if(k === _______ ){
console.log(obj[k])
}
}
预期结果:zhangsan@163.com
✏️ 题目5
for (var i=4; i<9; i+=___) {
console.log(i)
}
预期输出:
4
7
需知:资料来源于C1认证
