JavaScript for 循环

引言

在 JavaScript 中，for 循环是一种用于控制代码流程的语句，它允许代码根据条件重复执行。JavaScript 中的 for 循环包含三个部分：初始化、条件和增量/减量。

for 循环的语法

JavaScript 中 for 循环的语法如下：

初始化：这是一个在循环开始前只执行一次的表达式或 变量 声明。通常用于分配一个计数器变量。

条件：这是一个在每次循环迭代之前进行评估的表达式。如果此表达式计算为 true，则将执行给定的语句。如果计算为 false，则 for 循环将终止。

增量/减量：这是计数器的增量或减量，在代码块执行完毕后每次执行。

流程图

在 JavaScript 中，此流程图显示了 JavaScript 中 for 循环的工作原理。您可以看到 for 循环中的控制流。

示例 1

使用 JavaScript 的 for 循环打印数字 1 到 5 的简单程序。

输出

1
2
3
4
5

说明

在此示例中，我们首先初始化 i = 1；条件部分检查 i 是否小于或等于 5 (i<=5)。console.log(i); 将值打印到控制台。增量部分将 i 递增到 2，并重复这些步骤，直到 1 大于或等于 5。

示例 2

使用 JavaScript 的 for 循环打印表格的程序。

输出

3
6
9
12
15
18
21
24
27
30

说明

在此代码中，我们将 p 初始化为 3。然后，它循环 10 次，q 从 1 开始，一直到 10。对于 q 的每个值，它将 3 乘以 q 并打印结果。

示例 3

使用 JavaScript 的 for 循环打印“TpointTech”一词 5 次的程序。

输出

TpointTech
TpointTech
TpointTech
TpointTech
TpointTech

说明

在此示例中，我们将变量 I 初始化为 1，检查它是否小于或等于 5，并在每次迭代后将其递增 1，这将字符串“TpointTech”打印到控制台 5 次。

JavaScript 嵌套 for 循环

在 JavaScript 中，嵌套 for 循环对于迭代多维数据结构或执行复杂任务非常重要。它涉及将一个循环放在另一个循环内，其中外层循环在内层循环的每次迭代中执行。

在 JavaScript 中，这有助于执行操作，您可以创建多维数组和模式，这对于数据操作和遍历至关重要且高效。

语法

示例 1

//使用 for 循环打印乘法表的简单程序。

输出

1	2	3	4	5	6	7	8	9	10	
2	4	6	8	10	12	14	16	18	20	
3	6	9	12	15	18	21	24	27	30	
4	8	12	16	20	24	28	32	36	40	
5	10	15	20	25	30	35	40	45	50	
6	12	18	24	30	36	42	48	54	60	
7	14	21	28	35	42	49	56	63	70	
8	16	24	32	40	48	56	64	72	80	
9	18	27	36	45	54	63	72	81	90	
10	20	30	40	50	60	70	80	90	100	

使用 for 循环的 JavaScript 金字塔程序

示例 1

使用 for 循环打印上半金字塔的程序。

输出

    *
   ***
  *****
 *******
*********

说明

JavaScript 代码使用 createPyramid 函数将金字塔星形图案打印到控制台。该函数从 1 迭代到 rows。在循环内，它打印一个由两部分组成的字符串：“ ”.repeat(rows - i)，这会创建一个长度等于 rows - i 的空格字符串。

'*'.repeat(2 * i - 1) 创建一个长度等于 2 * i - 1 的星形 (*) 字符串。2 * i - 1 的计算决定了每行要使用的星形数量，从而形成金字塔形状。

示例 2

使用 for 循环打印倒金字塔的程序。

输出

*********
 *******
  *****
   ***
    *

说明

在此示例中，函数接受整数 n 作为输入，它表示金字塔的大小。for 循环从 n 迭代到 1。在循环内，执行两个操作：console.log(' '.repeat(n - i) + '*'.repeat(i * 2 - 1));

n - i 创建一个空格字符串，其中空格的数量随着金字塔的增长而减少。

I * 2 - 1 创建一个星形字符串，其中星形数量随着金字塔的增长而增加。

然后，将这两个字符串连接起来并打印到控制台。