JavaScript 循环

JavaScript 中有三种主要的循环类型: forwhiledo...while

  • for: 循环指定次数。

例如:

for (let i = 0; i < 5; i++) {
    console.log(i);
}
  • while: 当条件为真时循环。

例如:

let i = 0;
while (i < 5) {
    console.log(i);
    i++;
}
  • do...while: 先执行一次,再判断条件。

例如:

let i = 0;
do {
    console.log(i);
    i++;
} while (i < 5);

JavaScript 还提供了一些高级循环控制语句,如 breakcontinue

  • break:终止循环。
  • continue: 跳过循环体中剩余的语句,直接进入下一次循环。

需要注意的是,当循环条件不正确时,会导致无限循环。所以在循环中需要注意条件的正确性。

 

在 JavaScript 中还有一种高级循环方式, 就是 for...offor...in

  • for...of: 遍历可迭代对象(如数组、字符串、Map、Set 等)中的每个元素。

例如:

let arr = [1, 2, 3];
for (let i of arr) {
    console.log(i);
}
  • for...in: 遍历对象中的属性。

例如:

let obj = {a:1, b:2, c:3};
for (let i in obj) {
    console.log(i);
}

需要注意的是,在使用for...in 时,会遍历对象的所有可枚举属性,包括继承的属性,而 for...of 仅遍历对象自身的属性

JavaScript 中的循环有很多种方式,可以根据需要进行选择。在编码时需要根据需要设置循环条件和循环次数,并避免无限循环和其它错误。

 

JavaScript 中还有一种循环控制方式,就是 forEach() 方法。

forEach() 方法是数组的一个方法,它可以遍历数组中的每个元素,并对其执行一个回调函数。

例如:

let arr = [1, 2, 3];
arr.forEach(function(element) {
    console.log(element);
});

也可以使用箭头函数简化代码:

let arr = [1, 2, 3];
arr.forEach(element => console.log(element));

还可以传递第二个参数,在回调函数中获取数组中元素的索引:

let arr = [1, 2, 3];
arr.forEach((element, index) => console.log(index, element));

需要注意的是,forEach() 方法不能终止循环或跳过当前元素,如果需要这样的控制,可以使用其他循环方式。

总之, forEach() 是一种简单易用的循环方式,可以用来简化数组遍历的代码,但不能提供其他的控制。

posted @ 2023-01-29 11:45  飞仔FeiZai  阅读(49)  评论(0编辑  收藏  举报