JavaScript数组循环

数组是一种线性数据结构，可以存储不同数据类型的元素。数组也被定义为有序集合。在数组中，每个值被称为一个元素，并且可以通过索引号来标识。

const array_name = [item1, item2, ...];
const movies = [Bahubali, RRR, KGF, Pushpa];
//Index values of above elements
Bahubali – [0]
RRR – [1]
KGF – [2]
Pushpa – [3]

循环是一种编程元素，循环中定义了一系列指令，并将继续迭代，直到满足循环中的条件。编码中会存在重复的情况，在这些情况下，我们使用循环来节省时间并减少错误。

语法

for (statement 1; statement 2; statement 3) {
   // program block to be executed
}

  • 语句1只会在程序块执行之前执行一次。

  • 语句2将描述程序块执行的条件。

  • 语句3将在程序块执行后每次执行。

while循环

while循环可以用于JavaScript数组。循环将检查括号()内声明的条件；如果满足条件，则返回true；如果不满足条件，则返回false，循环将终止。

如果希望循环迭代到数组的最后一个元素，可以使用length属性。

示例

在下面的示例中，我们对数组使用了while循环和length属性来到达数组的末尾。

<html>
   <head>
      <title>Using While loop in JavaScript array</title>
   </head>
   <body>
      <script>
         const emp_id = [1180, 1181, 1182, 1183, 1184, 1185, 1186];
         let i = 0;
         while (i < emp_id.length) {
            document.write(emp_id[i]);
            document.write("<br>");
            i++;
         }
      </script>
   </body>
</html>

输出

上述脚本的输出将是：

1180
1181
1182
1183
1184
1185
1186

do…while循环

这个do…while循环与while循环几乎相同。do…while循环将在执行循环中提到的条件之前执行主体，因此比while循环多执行一次。

示例

在下面的程序中，我们对数组执行了do…while循环以迭代每个元素。

<!DOCTYPE html>
<html>
   <head>
      <title>Using do...while loop in JavaScript array</title>
   </head>
   <body>
      <script>
         const emp_id = [1180, 1181, 1182, 1183, 1184, 1185, 1186];
         let i = 0;
         do {
            document.write(emp_id[i]);
            document.write("<br>");
            i++;
         }
         while (i < emp_id.length);
      </script>
   </body>
</html>

输出

上述脚本的输出将是：

1180
1181
1182
1183
1184
1185
1186

示例

让我们考虑这种情况，我们给索引变量i=7输入值，它将在停止之前运行循环一次，即使数组中不存在索引变量，也会返回undefined作为输出。

<!DOCTYPE html>
<html>
   <head>
      <title>Using do...while loop in JavaScript array</title>
   </head>
   <body>
      <script>
         const emp_id = [1180, 1181, 1182, 1183, 1184, 1185, 1186];
         let i = 0;
         do {
            document.write(emp_id[i]);
            document.write("<br>");
            i++;
         }
         while (i < emp_id.length);
      </script>
   </body>
</html>

输出

上述脚本的输出将是：

1180
1181
1182
1183
1184
1185
1186

for循环

在for循环中，初始化、条件和迭代都将在循环的括号内声明。初始化一个值以迭代地执行循环内的语句，直到不满足条件为止。

示例

在下面的示例中，我们对数组执行了for循环。它检查条件，然后开始执行循环内的代码，直到满足条件。

<html>
   <head>
      <title>Using for loop in JavaScript array</title>
   </head>
   <body>
      <script>
         const emp_id = [100, 200, 300, 400, 500, 600, 700];
         for (let i = 0; i < emp_id.length; i++) {
            document.write(emp_id[i]);
            document.write("<br>");
         }
      </script>
   </body>
</html>

输出

上述脚本的输出将是：

100
200
300
400
500
600
700

for…in循环

for...in循环是一种更简单的遍历数组的方法，因为它提供了键，我们可以用它从数组中检索数据。

示例

在下面的示例中，我们在JavaScript数组中使用了for…in循环。

<html>
   <head>
      <title>Using for...in loop in JavaScript array</title>
   </head>
   <body>
      <script>
         const emp_id = [7, 10, 18, 17, 45, 99, 333];
         for (i in emp_id) {
            document.write(emp_id[i]);
            document.write("<br>");
         }
      </script>
   </body>
</html>

输出

上述脚本的输出将是：

7
10
18
17
45
99
333

for…of循环

for…of循环是遍历数组最简单的方法之一。它将自己获取元素，而不是获取键。并且它的语法与for…in循环类似。

示例

在这个示例中，我们在JavaScript数组中使用了for…of循环。我们不再需要使用索引来获取数组的每个元素，因为它获取数组的每个元素。

<html>
   <head>
      <title>Using for...in loop in JavaScript array</title>
   </head>
   <body>
      <script>
         const prime_num = [2, 3, 5, 7, 11, 13, 17, 19];
         for (output of prime_num) {
            document.write(output);
            document.write("<br>");
         }
      </script>
   </body>
</html>

输出

上述脚本的输出将是：

2
3
5
7
11
13
17
19

更新于：2022年11月18日

488 次浏览

启动您的职业生涯

通过完成课程获得认证

开始
广告