快速入门-(7)循环
要计算1+2+3
,我们可以直接写表达式:
|
|
要计算1+2+3+...+10
,勉强也能写出来。
但是,要计算1+2+3+...+10000
,直接写表达式就不可能了。
为了让计算机能计算成千上万次的重复运算,我们就需要循环语句。
JavaScript的循环有两种,一种是for
循环,通过初始条件、结束条件和递增条件来循环执行语句块:
|
|
让我们来分析一下for循环的控制条件:
i=1
这是初始条件,将变量i置为1;i<=10000
这是判断条件,满足时就继续循环,不满足就退出循环;i++
这是每次循环后的递增条件,由于每次循环后变量i
都会加1
,因此它终将在若干次循环后不满足判断条件i<=10000
而退出循环。
练习
利用for
循环计算1 * 2 * 3 * ... * 10
的结果:
|
|
for
循环最常用的地方是利用索引来遍历数组:
|
|
for
循环的3个条件都是可以省略的,如果没有退出循环的判断条件,就必须使用break
语句退出循环,否则就是死循环:
|
|
for … in
for
循环的一个变体是for ... in
循环,它可以把一个对象的所有属性依次循环出来:
|
|
要过滤掉对象继承的属性,用hasOwnProperty()
来实现:
|
|
由于Array
也是对象,而它的每个元素的索引被视为对象的属性,因此,for ... in
循环可以直接循环出Array
的索引:
|
|
请注意,for ... in
对Array
的循环得到的是String
而不是Number
。
while
for
循环在已知循环的初始和结束条件时非常有用。而上述忽略了条件的for
循环容易让人看不清循环的逻辑,此时用while
循环更佳。
while
循环只有一个判断条件,条件满足,就不断循环,条件不满足时则退出循环。比如我们要计算100以内所有奇数之和,可以用while
循环实现:
|
|
在循环内部变量n
不断自减,直到变为-1
时,不再满足while
条件,循环退出。
do … while
最后一种循环是do { ... } while()
循环,它和while
循环的唯一区别在于,不是在每次循环开始的时候判断条件,而是在每次循环完成的时候判断条件:
|
|
用do { ... } while()
循环要小心,循环体会至少执行1
次,而for
和while
循环则可能一次都不执行。
练习
请利用循环遍历数组中的每个名字,并显示Hello, xxx!
:
|
|