📜  jaascript 循环 - Javascript (1)

📅  最后修改于: 2023-12-03 15:31:27.709000             🧑  作者: Mango

Javascript循环

在JavaScript中,循环语句是一种重要的结构,它使得重复执行某个操作成为可能。在本文中,我们将会介绍JavaScript中的循环语句,包括for、while、do-while等。

for循环

for循环是一种最常用的循环语句。它的语法如下:

for (初始化表达式; 条件表达式; 更新表达式) {
    循环体语句
}

其中,初始化表达式在循环开始前执行一次,通常用于初始化计数器;条件表达式在每轮迭代开始前被执行,如果表达式的值为true,则继续执行循环;更新表达式在每轮迭代之后被执行,通常用于更新计数器等。

以下是一个使用for循环实现计算1到100之和的例子。

let sum = 0;  // 初始化计数器

for (let i = 1; i <= 100; i++) {  // 循环计算
    sum += i;
}

console.log(sum);  // 输出结果为5050
while循环

while循环是另一种常用的循环语句。它的语法如下:

while (条件表达式) {
    循环体语句
}

while循环会不断执行循环体直到条件表达式的值为false。以下是一个使用while循环实现计算1到100之和的例子。

let sum = 0;  // 初始化计数器
let i = 1;    // 初始化计数器

while (i <= 100) {   // 循环计算
    sum += i;
    i++;
}

console.log(sum);  // 输出结果为5050
do-while循环

do-while循环和while循环的区别在于它先执行循环体,再判断条件表达式。它的语法如下:

do {
    循环体语句
} while (条件表达式);

以下是一个使用do-while循环实现计算1到100之和的例子。

let sum = 0;  // 初始化计数器
let i = 1;    // 初始化计数器

do {   // 循环计算
    sum += i;
    i++;
} while (i <= 100);

console.log(sum);  // 输出结果为5050
foreach循环

forEach是一个数组方法,它接受一个回调函数作为参数,用于处理数组中的每个元素。它的语法如下:

let arr = [1, 2, 3, 4, 5];

arr.forEach(function(item, index, array) {
    // 处理每个元素
});

回调函数接受三个参数:当前元素、当前元素的索引、原始数组。以下是一个使用forEach循环实现计算1到100之和的例子。

let arr = Array.from({length: 100}, (_, i) => i + 1);  // 生成1到100的数组

let sum = 0;
arr.forEach(function(item) {
    sum += item;
});

console.log(sum);  // 输出结果为5050
总结

本文介绍了JavaScript中的五种循环语句:for、while、do-while、foreach。通过合理使用循环语句,可以大大减少代码的重复性,提高代码的可维护性。