《JavaScript Dom编程艺术》读书笔记（三）

xbynet 发布于2019-08-19 18:24 / 2166人阅读

摘要：也就是说，仍将看到一条消息。这些语句执行完毕后，变量的值将是，尽管循环控制条件的求值结果是。循环最常见的用途之一是对某个数组里的全体元素进行遍历处理。变量对于数组中每个元素都是从开始按递增。

循环语句

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://www.ucloud.cn/yun/79553.html

《JavaScript Dom编程艺术》读书笔记（四）

摘要：事实上，每个函数实际是一个短小的脚本。先对函数做出定义再调用是一个良好的编程习惯。可以将不同的数据传递给它们，而它们将使用这些数据去完成预定的操作。传递给函数的数据称为参数。这个例子中，变量的值将是，这个数值由函数返回。函数如果需要多次使用同一段代码，可以把它们封装成一个函数。函数就是一组允许在你的代码里随时调用的语句。事实上，每个函数实际是一个短小的脚本。先对函数做出定义再调用...

JellyBool 2019-08-19 18:24 评论0 收藏0
《JavaScript Dom编程艺术》读书笔记（二）

摘要：逻辑非操作符只能作用于单个逻辑操作数，其结果是把那个逻辑操作数所返回的布尔值取反。如果那个逻辑操作数所返回的布尔值是，逻辑非操作符将把它取反为为了避免产生歧义，上面这条语句把逻辑操作数放在了括号里，使逻辑非操作符作用于括号里的所有内容。算术操作符加减乘除这些算术操作中的每一种都必须借助于相应的操作符才能完成。操作符是JavaScript为完成各种操作而定义的一些符号。等号(=)、加...

caspar 2019-08-02 15:55 评论0 收藏0
《JavaScript Dom编程艺术》读书笔记（二）

摘要：逻辑非操作符只能作用于单个逻辑操作数，其结果是把那个逻辑操作数所返回的布尔值取反。如果那个逻辑操作数所返回的布尔值是，逻辑非操作符将把它取反为为了避免产生歧义，上面这条语句把逻辑操作数放在了括号里，使逻辑非操作符作用于括号里的所有内容。算术操作符加减乘除这些算术操作中的每一种都必须借助于相应的操作符才能完成。操作符是JavaScript为完成各种操作而定义的一些符号。等号(=)、加...

xingpingz 2019-08-30 13:04 评论0 收藏0
《JavaScript Dom编程艺术》读书笔记（二）

摘要：逻辑非操作符只能作用于单个逻辑操作数，其结果是把那个逻辑操作数所返回的布尔值取反。如果那个逻辑操作数所返回的布尔值是，逻辑非操作符将把它取反为为了避免产生歧义，上面这条语句把逻辑操作数放在了括号里，使逻辑非操作符作用于括号里的所有内容。算术操作符加减乘除这些算术操作中的每一种都必须借助于相应的操作符才能完成。操作符是JavaScript为完成各种操作而定义的一些符号。等号(=)、加...

Aceyclee 2019-08-19 18:23 评论0 收藏0
《JavaScript Dom编程艺术》读书笔记（五）

摘要：可以创建一个函数并让它返回一个数值一个字符串一个数组或一个布尔值。操作符可以告诉我们它的操作数是一个字符串数值函数布尔值还是对象，例如在浏览器中加载这个例子时，会弹出一个对话框，报告的类型它是一个对象。函数如果需要多次使用同一段代码，可以把它们封装成一个函数。函数就是一组允许在你的代码里随时调用的语句。事实上，每个函数实际是一个短小的脚本。先对函数做出定义再调用是一个良好的编程习...

levy9527 2019-08-19 18:24 评论0 收藏0