JavaScript学习记录day3-if语句、循环
javascript
老杨的博客
JavaScript 使用 if () { ... } else { ... } 来进行条件判断。
'use strict';
var age = 20;
if (age >= 6 && age < 18) {
alert('teenager');
} else if (age >= 18) {
alert('adult');
} else {
alert('kid');
}
其中 else 语句是可选的。如果语句块只包含一条语句，那么可以省略{}。建议永远都要写上{}，因为 js 对齐不像 python 处于同一级别。
var age = 20;
if (age >= 18)
alert('adult');
else
console.log('age < 18'); // 添加一行日志
alert('teenager'); // <- 这行语句已经不在else的控制范围了
JavaScript 把null、undefined、0、NaN和空字符串视为false，其他值一概视为true。
for 利用 for 循环计算 1 * 2 * 3 * ... * 10 的结果：
'use strict';
var x = 10;
var i;
for (i=1; i<=10; i++){
x = x * i;
}
console.log('1 x 2 x 3 x ... x 10 = ' + x);
for 循环最常用的地方是利用索引来遍历数组：
var arr = ['Apple', 'Google', 'Microsoft'];
var i, x;
for (i=0; i<arr.length; i++) {
x = arr[i];
console.log(x);
}
结果：
Apple
Google
Microsoft
for 循环的 3 个条件都是可以省略的，如果没有退出循环的判断条件，就必须使用break语句退出循环，否则就是死循环：
var x = 0;
for (; ;) { // 将无限循环下去
if (x > 100) {
console.log('停止时x为' + x);
break; // 通过if判断来退出循环
}
x++;
}
结果：
停止时x为101
for ... in for 循环的一个变体是for ... in循环，它可以把一个对象的所有属性依次循环出来：
var me = {
name: 'ygqygq2',
age: 28,
sex: 'male'
};
for (var key in me) {
console.log(key, me[key])
}
要过滤掉对象继承的属性，用hasOwnProperty()来实现：
var me = {
name: 'ygqygq2',
age: 28,
sex: 'male'
};
for (var key in me) {
if (me.hasOwnProperty(key)){ // 对象me的key属性存在时
console.log(key, me[key])
}
}
由于Array也是对象，而它的每个元素的索引被视为对象的属性，因此，for ... in循环可以直接循环出Array的索引：
var a = ['A', 'B', 'C'];
for (var i in a) {
console.log(i); // '0', '1', '2'
console.log(a[i]); // 'A', 'B', 'C'
}
请注意，for ... in对Array的循环得到的是String而不是Number。
while
for循环在已知循环的初始和结束条件时非常有用。而上述忽略了条件的for循环容易让人看不清循环的逻辑，此时用while循环更佳。
while循环只有一个判断条件，条件满足，就不断循环，条件不满足时则退出循环。比如我们要计算 100 以内所有奇数之和，可以用while循环实现：
var x = 0;
var n = 99;
while (n > 0) {
x = x + n;
n = n - 2;
}
console.log(x); // 2500
在循环内部变量 n 不断自减，直到变为-1 时，不再满足while条件，循环退出。
do ... while
最后一种循环是do { ... } while()循环，它和while循环的唯一区别在于，不是在每次循环开始的时候判断条件，而是在每次循环完成的时候判断条件：
var n = 0;
do {
n = n + 1;
} while (n < 100);
console.log(n); // 100
用do { ... } while()循环要小心，循环体会至少执行 1 次，而for和while循环则可能一次都不执行。
练习 请利用循环遍历数组中的每个名字，并显示 Hello, xxx!：
'use strict';
var arr = ['Bart', 'Lisa', 'Adam'];
for (var name in arr) {
console.log("Hello, " + arr[name] + "!");
}
学习参考教程：http://www.liaoxuefeng.com
评论