《JavaScript DOM 编程艺术》第2章:条件与循环
《JavaScript学徒》系列会以经典书籍为教材制作影片,和大家一起学习JavaScript。
本文同步发表于我的个人网站:ZackLive
这是《JavaScript学徒》系列的第二课,本课会继续《JavaScript DOM 编程艺术》第2章,介绍JavaScript语法中的条件语句和循环语句。
视频连结
条件语句
如果(if)条件成立,则执行大括号里的语句;否则,执行else后面的语句。条件放在小括号里,须为布尔值。
if (1 > 2) {
alert("小括号里的条件成立!");
} else {
alert("条件不成立!");
}
比较操作
条件当中可进行比较操作
大于: >
小于: <
等于: == (一个等号是赋值,两个等号才是等于)
大于等于: >=
小于等于: <=
不等于: !=
严格等于: ===(比前面提到的等于更严格,建议使用)
严格不等于: !==(同理)
逻辑操作
同样用于条件语句:
逻辑与:&& (必须左右同时成立)
if (n > 5 && n < 10) {
alert(n必须同时大于5且小于10,即6到9之间,条件才成立);
}
逻辑或:|| (任一条件成立即可)
if (n < 5 || n > 10) {
alert(n小于5或者大于10,条件都成立);
}
逻辑非: ! (相反)
if ( !(1 > 2) ) {
alert(小括号里先运算,再反转,结果为true);
}
循环语句
当条件成立时,执行某段程式,一直循环到条件不再成立。因此,在循环过程中应对条件中的变量作一定程度的改动,条件才会发生变化,最终使条件不再成立,循环结束;否则将会进入无限循环,使电脑死机。
While循环
var count = 1;
while ( count < 5 ) {
alert(count);
count++;
}
do-while: 至少会执行一次。
var count = 1;
do {
alert(count);
count++;
} while ( count < 1 );
For循环
For循环将循环相关的设定全部放在括号里:
for ( var count = 1; count < 5; count++ ) {
alert(count);
}
常用于数组的遍历(全部元素走一遍)
var names = ["John", "David", "Mike"];
for ( var count = 0; count < names.length; count++ ) {
alert(names[count]);
}
names.length可以取得数组的长度。