JavaScript控制语句之循环语句

最新推荐文章于 2024-05-25 00:30:00 发布

聂小邯

最新推荐文章于 2024-05-25 00:30:00 发布

阅读量317

点赞数

分类专栏： JavaScript知识

本文链接：https://blog.csdn.net/weixin_45069992/article/details/90488278

版权

8 篇文章 0 订阅

订阅专栏

循环语句用于重复执行某个操作，它有多种形式。

While语句包括一个循环条件和一段代码块，只要条件为真，就不断循环执行代码块。

while (条件)
    语句;
// 或者
while (条件) 语句;

while语句的循环条件是一个表达式，必须放在圆括号中。代码块部分，如果只有一条语句，可以省略大括号，否则就必须加上大括号。

while (条件) {
  语句;
}

下面是while语句的一个例子。

var i = 0;
while (i < 100) {
  console.log('i 当前为：' + i);
  i = i + 1;
}

上面的代码将循环100次，直到i等于100为止。下面的例子是一个无限循环，因为循环条件总是为真。

hile (true) {
  console.log('Hello, world');
}

for语句是循环命令的另一种形式，可以指定循环的起点、终点和终止条件。它的格式如下。

for (初始化表达式; 条件; 递增表达式)
  循环体
// 或者
for (初始化表达式; 条件; 递增表达式) {
  循环体
}

for语句后面的括号里面，有三个表达式。

下面是一个例子。

var x = 3;
for (var i = 0; i < x; i++) {
  console.log(i);
}// 0// 1// 2

上面代码中，初始化表达式是var i = 0，即初始化一个变量i；测试表达式是i < x，即只要i小于x，就会执行循环；递增表达式是i++，即每次循环结束后，i增大1。所有for循环，都可以改写成while循环。上面的例子改为while循环，代码如下。

var x = 3;
var i = 0;
while (i < x) {
  console.log(i);
  i++;
}

for语句的三个部分（initialize、test、increment），可以省略任何一个，也可以全部省略。

for ( ; ; ){
  console.log('Hello World');
}

上面代码省略了for语句表达式的三个部分，结果就导致了一个无限循环。

do...while循环与while循环类似，唯一的区别就是先运行一次循环体，然后判断循环条件。

do
  语句while (条件);
// 或者
do {
  语句
} while (条件);

不管条件是否为真，do...while循环至少运行一次，这是这种结构最大的特点。另外，while语句后面的分号注意不要省略。下面是一个例子。

var x = 3;
var i = 0;
do {
    i++;
    console.log(i);
} while(i < x);

/*输出结果为
    1
    2
    3
*/

break语句和continue语句都具有跳转作用，可以让代码不按既有的顺序执行。break语句用于跳出代码块或循环。如下：

var i = 0;
while(i < 100) {
  console.log('i 当前为：' + i);
  i++;
  if (i === 10) break;
}

上面代码只会执行10次循环，一旦i等于10，就会跳出循环。continue语句用于立即终止本轮循环，返回循环结构的头部，开始下一轮循环。如下：

var i = 0;
while (i < 100){
  i++;
  if (i % 2 === 0) continue;
  console.log('i 当前为：' + i);
}

上面代码只有在i为奇数时，才会输出i的值。如果i为偶数，则直接进入下一轮循环。如果存在多重循环，不带参数的break语句和continue语句都只针对最内层循环。

总结：break语句用于跳出当前循环；continue语句则是结束本次循环，进入下一次循环。

for循环适用于已知循环次数，而while循环适用于未知循环次数
局部变量在栈内存中存在，当for语句结束时，变量会及时被gc（垃圾回收器）及时释放掉，不浪费空间；如果使用循环后还想去访问循环语句中控制那个变量，用while循环语句

关注