0
点赞
收藏
分享

微信扫一扫

[C1进阶之路-JS基础] for循环

是她丫 2022-05-06 阅读 76

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认证

举报

相关推荐

0 条评论