for 语句

收录于

一个小时学会JavaScript

2023-06-06 14:38 · 阅读时长3分钟

for 语句也是一个循环语句，它比 while 语句和 do while 语句稍微复杂一点，但是 for 语句的功能更强大，也更常用。for 语句的基本格式如下

for (初始语句; 判断条件; 更新语句) {
    代码...
}

初始语句，只执行一次，通常用于定义计数器变量，比如let i = 0。
判断条件，每次循环执行 for 语句中的代码之前都会先判断条件是否满足，满足则执行，不满足则退出 for 语句。
更新语句，每次循环执行 for 语句中的代码之后都会执行，通常被用于更新计数器变量。

下面我们使用 for 语句来打印数字 1 到 10。

for (let i = 1; i <= 10; i++) {
    console.log(i)
}

for 语句还常用于遍历序列，比如数组和字符串，我们先使用基本的 for 语句来遍历数组。

let array = ["a", "b", "c", "d"]
for (let i = 0; i < array.length; i++) {
    console.log(array[i])
}

除了基本形式以外，for 语句还有另外两种形式，for...in 和 for...of，下面我们使用for...of来遍历数组和字符串。

let array = ["a", "b", "c", "d"]
for (let v of array) {
    console.log(v)
}

let text = "Hello"
for (let v of text) {
    console.log(v)
}

这样代码是不是更加简洁了。

虽然for...in也可以遍历序列，但是更常用的是用它遍历对象的属性。

let obj = { "a" : 1, "b" : 2, "c" : 3 }
for (let prop in obj) {
  console.log(`${prop} = ${obj[prop]}`)
}

for 语句中也可以使用 break 和 continue，与 while 语句和 do while 语句一样，break 用于完全退出 for 循环，而 continue 用于跳过当前循环。

1let obj = {"a" : 1, "b" : 2, "c" : 3}
2for(let prop in obj) {
3    if (prop == "b") {
4        break
5    }
6    console.log(`${prop} = ${obj[prop]}`)
7}
8console.log("--------------------------")
9for(let prop in obj) {
10    if (prop == "b") {
11        continue
12    }
13    console.log(`${prop} = ${obj[prop]}`)
14}

JavaScriptfor语句

for 语句

一个小时学会JavaScript

do...while 语句

函数