《JavaScript Dom编程艺术》读书笔记(三)

轮回语句

if语句唯一的不足是没法完成反复性的操纵。在if语句里,包括在花括号里的代码块只能实行一次。假如须要屡次实行同一个代码块,就必须运用轮回语句。

while轮回

while轮回与if语句异常类似,它们的语法险些完整一样:

while (condition) {
    statements;
}

while轮回与if语句唯一的区分是:只需给定前提的求值效果是true,包括在花括号里的代码就将反复地实行下去。下面是一个while轮回的例子:

var count = 1;
while (count < 11) {
    alert (count);
    count++;
}

上面这段代码中,起首,建立数值变量count并赋值为1,然后,以count<11————意义是“只需变量count的值小于11,就反复实行这个轮回”————为前提建立一个while轮回。在while轮回的内部,用“++”操纵符对变量count的值实行加1操纵,而这以操纵将反复实行10次。

do…while轮回

类似于if语句的状况,while轮回的花括号部份所包括的语句有能够不被实行,由于对轮回掌握前提的求值发生在每次轮回最先之前,所以假如轮回掌握前提的初次求值效果是false,那些代码将以此也不会实行。

偶然,我们愿望那些包括在轮回语句内部的代码最少实行以此。这时刻,do轮回是我们的最好挑选。下面是do轮回的语法:

do {
    statements;
}    while (condition);

与适才的while轮回有个不言而喻的区分:对轮回掌握前提的求值发生在每次轮回终了以后。因而,纵然轮回掌握前提的初次求值效果是false,包括在花括号里的语句也最少会被实行一次。

var count = 1;
do {
    alert (count);
    count++;
} while (count < 11);

这段代码的实行效果与while轮回完整一样:alert音讯将闪现10次;在轮回终了后,变量count的值将是11.

看下面这个变体:

var count = 1;
do {
    alert (count);
    count++;
} while (count < 1)

在上面这个do轮回里,轮回掌握前提的求值效果永久不为true:变量count的初始值是1,所以它在这里永久不会小于1。但是,由于do轮回的轮回掌握前提出现在花括号部份以后,所以包括在这个do轮回内部的代码照样实行了一次。也就是说,仍将看到一条alert音讯。这些语句实行终了后,变量count的值将是2,只管轮回掌握前提的求值效果是false。

for轮回

用for轮回来反复实行一些代码也很轻易,它类似于while轮回。事实上,for轮回只是while轮回的一种变体。假如仔细观察while轮回的例子,就会发明它们都能够改写为以下所示的模样:

initialize;
while (condition) {
    statements;
    increment;
}

而for轮回不过是进一步改写为以下所示的紧凑情势罢了:

for (initial condition; test condition; alter conidtion) {
    statements;
}

用for轮回来反复实行一些代码的优点是轮回掌握构造越发清楚。与轮回有关的一切内容都包括在for语句的圆括号部份。

能够将do…while轮回里的例子改写为以下所示的for轮回:

for (var count = 1; count < 11; count++ ) {
    alert (count);
}

与轮回有关的一切内容都包括在for语句的圆括号里。当把一些代码放在花括号中心的时刻,清楚地晓得哪些代码将会被实行10次。

for轮回最常见的用处之一是对某个数组里的全部元素举行遍历处置惩罚。这每每须要用到数组的array.length属性,这个属性能够通知我们在给定数组里的元素的个数。迥殊要注意的是数组下标是从0而不是1最先。

下面这个例子中,数组有4个元素。count变量关于数组中每一个元素都是从0最先按1递增。数到4时,测试前提失利,轮回停止,3是从数组中检索到的末了一个下标。

var beatles = Array("John","Paul","George","Ringo");
for (var count = 0; count < beatles.length; count++ ) {
    alert(beatles[count]);
}

运转这段代码,将看到4条alert音讯,它们离别对应着Beatles乐队的四位成员。

    原文作者:蹦蹦跳跳的小鱼人
    原文地址: https://segmentfault.com/a/1190000005312785
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞