JavaScript中的循环语句

简介: for 循环语句是最常用的循环语句之一。for 循环通过设置循环计数器,重复执行一段代码块,直到计数器达到某个指定的值。

32. JavaScript中的循环语句

1. for循环

for 循环语句是最常用的循环语句之一。for 循环通过设置循环计数器,重复执行一段代码块,直到计数器达到某个指定的值。例如:

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

优点:

  • 最常用的循环语句之一,使用灵活,适用于大多数循环场景;
  • 可以通过循环计数器来精确控制循环次数,可控性较高;
  • 可以在循环头部定义循环计数器的初始值、循环条件和循环计数器的更新方式。

缺点:

  • 在循环前需要定义循环计数器,对于不需要计数器的循环场景不太适用。

2. while 循环:

while 循环在循环开始之前检查一个条件,只要条件为 true,就重复执行一段代码块。例如:

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

优点:

  • 只要条件为 true,就可以一直重复执行循环体,使用灵活;
  • 代码简单,容易理解。

缺点:

  • 如果循环条件一直为 true,会导致死循环,可能会造成性能问题;
  • 循环计数器需要在外部定义,增加了代码量。

3. do...while 循环:

do...while 循环和 while 循环非常相似,不同之处在于它们是在循环末尾检查条件而不是在循环开始时检查条件。因此,do...while 循环至少会执行一次代码块。例如:

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

优点:

  • 至少会执行一次循环体;
  • 只要条件为 true,就可以一直重复执行循环体,使用灵活;
  • 代码简单,容易理解。

缺点:

  • 如果循环条件一直为 true,会导致死循环,可能会造成性能问题;
  • 循环计数器需要在外部定义,增加了代码量。

4. for...in 循环:

for...in 循环用于遍历一个对象的所有可枚举属性。例如:

const person = {
   firstName: "John", lastName: "Doe", age: 25};
for (const key in person) {
   
  console.log(key + ": " + person[key]);
}

优点:

  • 可以遍历对象的可枚举属性,方便获取对象属性;
  • 使用简单,代码量少。

缺点:

  • 不适用于遍历数组等序列结构的数据类型,因为它遍历的是对象的属性;
  • 遍历顺序不确定。

5. for...of 循环:

for...of 循环用于遍历可迭代对象中的每个元素。例如:

const colors = ['red', 'green', 'blue'];
for (const color of colors) {
   
  console.log(color);
}

优点:

  • 可以遍历可迭代对象的每个元素,包括数组、字符串、Set、Map 等;
  • 代码简单,易于理解。

缺点:

  • 不适用于遍历对象的属性。

以上是 JavaScript 中的几种常见循环语句,根据不同的需求和场景,我们可以选择适当的循环语句来实现我们的代码逻辑。

相关文章
|
18天前
|
JavaScript 前端开发
JavaScript基础知识-流程控制之while循环
这篇文章介绍了JavaScript中的while循环和do...while循环的基础知识,并通过一个实际案例演示了如何使用while循环计算投资增长到特定金额所需的年数。
32 2
JavaScript基础知识-流程控制之while循环
|
1月前
|
JavaScript 前端开发
JavaScript中有哪几种循环?他们的运用场景在哪?
JavaScript中有哪几种循环?他们的运用场景在哪?
|
1月前
|
JavaScript 前端开发 索引
js的循环中foreach、for in和for of的区别
js的循环中foreach、for in和for of的区别
100 0
|
17天前
|
JavaScript 前端开发
JavaScript基础知识-forEach循环
关于JavaScript基础知识中forEach循环的介绍。
24 1
JavaScript基础知识-forEach循环
|
7天前
|
JavaScript
js 循环数组取值
js 循环数组取值
|
8天前
|
JavaScript 前端开发
JavaScript while 循环
JavaScript while 循环
11 3
|
1月前
|
JavaScript 前端开发
javascript的循环语句。
javascript的循环语句。
28 1
|
1月前
|
JavaScript 前端开发
JavaScript基础&实战(3)js中的流程控制语句、条件分支语句、for循环、while循环
这篇文章讲解了JavaScript中的流程控制语句,包括基本的if条件判断、弹窗提示输入、switch条件分支语句、while和do...while循环以及for循环的使用和示例。
JavaScript基础&实战(3)js中的流程控制语句、条件分支语句、for循环、while循环
|
28天前
|
JavaScript 前端开发
js循环有几种
js循环有几种
25 0
|
3月前
|
JavaScript 前端开发 程序员
探索Vue.js宝库:解锁基础知识与实用技能之门(1. 数据绑定与响应式 2. 条件与循环 3. 组件化开发;1. 路由管理与导航 2. 状态管理与Vuex 3. Vue.js的生命周期)
探索Vue.js宝库:解锁基础知识与实用技能之门(1. 数据绑定与响应式 2. 条件与循环 3. 组件化开发;1. 路由管理与导航 2. 状态管理与Vuex 3. Vue.js的生命周期)
39 1