首页 > web前端 > js教程 > JavaScript 循环综合指南

JavaScript 循环综合指南

Mary-Kate Olsen
发布: 2024-12-24 22:36:16
原创
955 人浏览过

Comprehensive Guide to Loops in JavaScript

### JavaScript 中的循环

这是 JavaScript 循环的综合指南和示例:


### **1。 For 循环**
当您知道需要执行的确切迭代次数时,for 循环是理想的选择。

#### **语法:**

for (initialization; condition; increment/decrement) {
  // Code to execute
}
登录后复制
登录后复制

#### **示例:**

for (let i = 1; i <= 5; i++) {
  console.log(`Iteration: ${i}`);
}
登录后复制
登录后复制

***说明:*

  • let i = 1 初始化循环变量 i.
  • i
  • i 在每次循环执行后递增 i。

### **2。 While 循环**
当迭代次数未预先确定并且取决于条件时,使用 while 循环。

#### **语法:**

while (condition) {
  // Code to execute
}
登录后复制
登录后复制

#### **示例:**

let count = 0;
while (count < 5) {
  console.log(`Count is: ${count}`);
  count++;
}
登录后复制
登录后复制

***说明:*

  • 只要 count 循环就会继续。 5 是真的。
  • 在循环内部,count 的值在每次迭代中递增。

### **3。 Do-While 循环**
do-while 循环确保代码块至少执行一次,即使条件为 false。

#### **语法:**

do {
  // Code to execute
} while (condition);
登录后复制
登录后复制

#### **示例:**

let number = 0;
do {
  console.log(`Number is: ${number}`);
  number++;
} while (number < 3);
登录后复制
登录后复制

***说明:*

  • 循环体首先运行,打印数字。
  • 条件数

### **4。 For-In 循环**
for-in 循环用于迭代对象的属性。

#### **语法:**

for (key in object) {
  // Code to execute
}
登录后复制
登录后复制

#### **示例:**

const person = { name: "John", age: 30, city: "New York" };
for (let key in person) {
  console.log(`${key}: ${person[key]}`);
}
登录后复制
登录后复制

***输出:*

name: John
age: 30
city: New York
登录后复制

***说明:*

  • key 保存属性名称。
  • person[key] 访问对应的值。

### **5。 For-Of 循环**
for-of 循​​环用于迭代可迭代对象,例如数组、字符串、映射或集合。

#### **语法:**

for (variable of iterable) {
  // Code to execute
}
登录后复制

#### **示例:**

const fruits = ["Apple", "Banana", "Cherry"];
for (let fruit of fruits) {
  console.log(fruit);
}
登录后复制

***输出:*

Apple
Banana
Cherry
登录后复制

***说明:*

  • Fruit 按顺序获取数组的每个元素。

### **6。跳出循环**
使用break语句提前退出循环。

#### **示例:**

for (let i = 0; i < 10; i++) {
  if (i === 5) break;
  console.log(i);
}
登录后复制

***输出:*

for (initialization; condition; increment/decrement) {
  // Code to execute
}
登录后复制
登录后复制

### **7。跳过迭代**
使用 continue 语句跳过当前迭代。

#### **示例:**

for (let i = 1; i <= 5; i++) {
  console.log(`Iteration: ${i}`);
}
登录后复制
登录后复制

***输出:*

while (condition) {
  // Code to execute
}
登录后复制
登录后复制

### **8。嵌套循环**
循环可以相互嵌套以进行多维迭代。

示例

let count = 0;
while (count < 5) {
  console.log(`Count is: ${count}`);
  count++;
}
登录后复制
登录后复制

***输出:*

do {
  // Code to execute
} while (condition);
登录后复制
登录后复制

### **9。无限循环**
小心那些永远不会计算为 false 的条件的循环。

#### **示例:**

let number = 0;
do {
  console.log(`Number is: ${number}`);
  number++;
} while (number < 3);
登录后复制
登录后复制

注意:避免此类循环,除非有中断机制。


### **10。循环数组**
for 和 for-of 循​​环通常与数组一起使用。

#### **示例:**

for (key in object) {
  // Code to execute
}
登录后复制
登录后复制

### **11。循环字符串**
for-of 循​​环对于迭代字符串的字符也很有帮助。

示例

const person = { name: "John", age: 30, city: "New York" };
for (let key in person) {
  console.log(`${key}: ${person[key]}`);
}
登录后复制
登录后复制

通过有效地理解和应用这些循环类型,您可以有效地处理 JavaScript 中的重复任务和数据结构。如果您需要澄清任何特定类型,请告诉我!

嗨,我是 Abhay Singh Kathayat!
我是一名全栈开发人员,拥有前端和后端技术方面的专业知识。我使用各种编程语言和框架来构建高效、可扩展且用户友好的应用程序。
请随时通过我的商务电子邮件与我联系:kaashshorts28@gmail.com。

以上是JavaScript 循环综合指南的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:dev.to
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板