js怎么写循环
原创### Javascript中的循环写法
在Javascript中,循环是一种非常重要的编程结构,它允许我们重复执行一段代码多次。以下是几种常见的循环方法。
#### 1. for循环
for循环也许是最常用的循环结构。它的基本语法如下:
```Javascript
for (初始化表达式; 循环条件; 步进表达式) {
// 要重复执行的代码
}
```
以下是使用HTML的`
`标签和`
`标签返回的内容,以及包裹在``标签中的代码示例:```HTML
for循环示例:
下面的代码会打印数字1到10:
for (var i = 1; i <= 10; i++) {
console.log(i);
}
```
#### 2. while循环
当不确定循环次数,但需要一个基于特定条件继续执行的循环时,可以使用while循环。
```Javascript
while (条件表达式) {
// 要重复执行的代码
}
```
以下是在HTML中的使用示例:
```html
while循环示例:
下面的代码会一直询问用户年龄,直到输入一个合法的数字:
var age;
while (isNaN(age)) {
age = prompt("请输入您的年龄:");
}
```
#### 3. do...while循环
do...while循环是while循环的变体,它的代码块至少会执行一次。
```Javascript
do {
// 要重复执行的代码
} while (条件表达式);
```
以下是HTML中的示例:
```html
do...while循环示例:
下面的代码至少会执行一次循环体,然后选择条件判断是否继续执行:
var input;
do {
input = prompt("请输入一个数字:");
} while (isNaN(input));
```
#### 4. for...in循环
for...in循环用于遍历对象的属性。
```Javascript
for (变量 in 对象) {
// 使用变量访问属性
}
```
以下是HTML中的示例:
```html
for...in循环示例:
下面的代码遍历对象的所有属性:
var person = {name: "张三", age: 30, job: "工程师"};
for (var key in person) {
console.log(key + ":" + person[key]);
}
```
#### 5. for...of循环
for...of循环是ES6中新增的,用于遍历可迭代对象(如数组)。
```javascript
for (变量 of 可迭代对象) {
// 使用变量访问元素
}
```
以下是HTML中的示例:
```html
for...of循环示例:
下面的代码遍历数组中的每个元素:
var array = [1, 2, 3, 4, 5];
for (var value of array) {
console.log(value);
}
```
以上就是JavaScript中常用的几种循环结构,通过这些循环,我们可以更加灵活地处理各种重复性任务。
```HTML
for循环示例:
下面的代码会打印数字1到10:
for (var i = 1; i <= 10; i++) {
console.log(i);
}
```
#### 2. while循环
当不确定循环次数,但需要一个基于特定条件继续执行的循环时,可以使用while循环。
```Javascript
while (条件表达式) {
// 要重复执行的代码
}
```
以下是在HTML中的使用示例:
```html
while循环示例:
下面的代码会一直询问用户年龄,直到输入一个合法的数字:
var age;
while (isNaN(age)) {
age = prompt("请输入您的年龄:");
}
```
#### 3. do...while循环
do...while循环是while循环的变体,它的代码块至少会执行一次。
```Javascript
do {
// 要重复执行的代码
} while (条件表达式);
```
以下是HTML中的示例:
```html
do...while循环示例:
下面的代码至少会执行一次循环体,然后选择条件判断是否继续执行:
var input;
do {
input = prompt("请输入一个数字:");
} while (isNaN(input));
```
#### 4. for...in循环
for...in循环用于遍历对象的属性。
```Javascript
for (变量 in 对象) {
// 使用变量访问属性
}
```
以下是HTML中的示例:
```html
for...in循环示例:
下面的代码遍历对象的所有属性:
var person = {name: "张三", age: 30, job: "工程师"};
for (var key in person) {
console.log(key + ":" + person[key]);
}
```
#### 5. for...of循环
for...of循环是ES6中新增的,用于遍历可迭代对象(如数组)。
```javascript
for (变量 of 可迭代对象) {
// 使用变量访问元素
}
```
以下是HTML中的示例:
```html
for...of循环示例:
下面的代码遍历数组中的每个元素:
var array = [1, 2, 3, 4, 5];
for (var value of array) {
console.log(value);
}
```
以上就是JavaScript中常用的几种循环结构,通过这些循环,我们可以更加灵活地处理各种重复性任务。