系统学习 JavaScript 的笔记【3】

JavaScript 语句

if 语句

if(i > 5){                //采用代码块的模式来书写是目前推崇的最佳代码实践
  alert("abc...");
}

if(i > 5)                 //采用单行语句来书写是不推荐的
  alert("abc...");

if(i > 5){                //判断条件比较少的情况下只需 if...else... 即可
  alert("abc...");
}else{
  alert("others!");
}

if(i > 5){                //判断条件比较多的情况下可以添加 else if 
  alert("abc...");
}else if(i < 0){
  alert("-abc..");
}else{
  alert("others!");
}

do-while 语句

/*do-while 语句是属于先执行后测试的语句*/
var i = 0;
do{
    i += 1;
}while (i<10);       //每一次都要进行比较后，符合条件才能进行下一步
alert(i);            //最后输出的结果是 10  

while 语句

/*while 语句是属于先测试后执行的语句*/
var i = 0;
while (i<10){        //每一次都要进行比较后，符合条件才能进行下一步
    i += 1;
}        
alert(i);            //最后输出的结果是 10  

for 语句

/*for循环具有在执行之前，初始化变量，循环条件，以及之后执行的能力*/
var sum = 0;
var count = 10
 for (var i = 0 ; i<count ; i++){ //把循环条件写成变量，方便于代码的维护以及扩展
   sum += i;
}
alert(sum);

for-in 语句

/*for-in 语句用于对数组或者对象的属性进行循环操作*/
    var i；
    var arr = new Array()；
    arr[0] = "a"；
    arr[1] = "b"；
    arr[2] = "c"；
    for (i in arr)      //我们可以通过 for-in 循环来遍历数组
    {
        document.write(arr[i] + ",")；
    }

break 与 continue的使用

break 与 continue可以在循环中使用，用于控制循环的执行

• break是直接退出循环，执行下一个命令
• continue也是结束循环，但是会回到循环语句的顶部继续进行循环

/*continue 或者 breakkeyi 配合 label 来使用*/
num=["a","b","c","d"];
lab:
{
    document.write(cars[0] + ",");
    document.write(cars[1] + ",");
    break lab;
    document.write(cars[2] + ",");
    document.write(cars[3] + ",");          //最后输出的是“a,b”
}

switch 语句

• case 后边可以是常量，变量，表达式

/*switch比较的时候用的比较符是 === 而不是 == */
var i = 14；
switch (i) {       //结果是 other
  case 5: 
    alert("20");
    break;
  case 10:
  case 13:         //10,13 两种情况是合并的
    alert("30");
    break;
  case 15: 
    alert("40");
    break;
  default: 
    alert("other");
}

/*如果case后边的是表达式*/
var i = 14；
switch (true) {       //true 的目的是判定匹配的条件，表达式的值是 true 才输出
  case i < 3: 
    alert("i < 3");   // 14 < 3 明显是 false ，所以不符合条件。
    break;
  case i > 3 && i <10: 
    alert(" i > 3 && i <10");
    break;
  default: 
    alert("other");
}