JS——循环

For循环

for (语句 1; 语句 2; 语句 3) {
     要执行的代码块
}

语句1，在循环（代码块）开始之前执行。

语句2，定义运行循环（代码块）的条件。

语句3，会在循环（代码块）每次被执行后执行。

//例句
for (i = 0; i < 5; i++) {
     text += "数字是 " + i + "<br>";
}

//语句 1 在循环开始之前设置了一个变量（var i = 0）。

//语句 2 定义运行循环的条件（i 必须小于 5）。

//语句 3 会在代码块每次执行之后对值进行递增（i++）。

var i = 2;
var len = cars.length;
var text = "";
for (; i < len; i++) { 
    text += cars[i] + "<br>";
}

For/In循环

var person = {fname:"Bill", lname:"Gates", age:62}; 

var text = "";
var x;
for (x in person) {
    text += person[x];
}
//for in 循环遍历 person 对象
//每次迭代返回一个键 (x)
//键用于访问键的值
//键的值为 person[x]

也可以遍历数组的属性

但如果索引顺序很重要，请不要再数组上使用for in，索引顺序依赖于实现。

const numbers = [45, 4, 9, 16, 25];

let txt = "";
for (let x in numbers) {
  txt += numbers[x];
}

For Of

语句循环遍历可迭代对象的值，例如数组、字符串、映射、节点列表等。

for (variable of iterable) {
  // code block to be executed
}
//variable - 对于每次迭代，下一个属性的值都会分配给变量。变量可以用 const、let 或 var 声明。

//iterable - 具有可迭代属性的对象。

遍历数组：

const cars = ["BMW", "Volvo", "Mini"];

let text = "";
for (let x of cars) {
  text += x;
}

遍历字符串：

let language = "JavaScript";

let text = "";
for (let x of language) {
text += x;
}

Array.forEach

为每个数组元素调用一次函数（回调函数）

const numbers = [45, 4, 9, 16, 25];

let txt = "";
numbers.forEach(myFunction);

function myFunction(value, index, array) {
  txt += value;
}

While循环

就和py中的while True一样。只要条件为true，那么将会一直运行。

while (i < 10) {
    text += "数字是 " + i;
    i++;
}

Do/While循环

在检查条件是否为真值钱，这种循环会执行一次代码块，然后只要条件为真就会重复循环

do {
    text += "The number is " + i;
    i++;
 }
while (i < 10);