码迷,mamicode.com
首页 > 其他好文 > 详细

流程控制语句

时间:2014-12-03 17:03:29      阅读:291      评论:0      收藏:0      [点我收藏+]

标签:style   blog   io   ar   color   使用   sp   for   strong   

一、概述:

ECMA-262 规定了一组流程控制语句。诸如:判断、循环、退出等。

在 ECMAScript 中,所有的代码都是由语句来构成的。

语句表明执行过程中的流程、限定与约定,形式上可以是单行语句,或者由一对大括号"{}"括起来的复合语句

在语法描述中,复合语句整体可以作为一个单行语句处理。

 

 

二、if语句:即条件判断语句,一共有三种格式:

1.if (条件表达式) 语句;

   var box = 100;
    if (box > 50) 
        alert(‘box 大于 50‘); //一行的 if 语句,判断后执行一条语句
    var box = 100;
    if (box > 50)
        alert(‘box 大于 50‘); //属于if语句控制范围
    alert(‘不管怎样,我都能被执行到!‘);//不属于if语句控制范围
  var box = 100;
    if (box < 50) {
        alert(‘box 大于 50‘);
        alert(‘不管怎样,我都能被执行到!‘);
    }

对于 if 语句括号里的表达式,ECMAScript 会自动调用 Boolean()转型函数将这个表达式的结果转换成一个布尔值。如果值为 true,执行后面的一条语句,否则不执行。

if 语句括号里的表达式如果为 true,只会执行后面一条语句,如果有多条语句,那么就必须使用复合语句把多条语句包含在内。

推荐使用第一种或者第三种格式,一行的 if 语句,或者多行的 if 复合语句。这样就不会因为多条语句而造成混乱。

  /*
    var x;
    if(x==null){
        alert("空值");
  */
  /*
    var x;
    if(typeof(x)=="undefined"){
        alert("空值");
    }
  */
  //对于上面判断x是否是空值,可以使用下面的简写格式(变量x可以直接作为条件表达式来用,如果有值则为true,如果是undefined或null的话就为false)
    var x;
    if(!x){                        
        alert("空值");
    }
    
    var y = 3;
    if(y){                        //当y没有值是undefined或null的时候 这里为false,不执行if下的语句
        alert(y+3);
    }

 

 

2.if (条件表达式) {语句;} else {语句;}

    var box = 100;
    if (box > 50) {
        alert(‘box 大于 50‘); //条件为 true,执行这个代码块
    } else {
        alert(‘box 小于 50‘); //条件为 false,执行这个代码块
    }

注意:

var x = 100 
if(x!=100)
  if(x<100)
    alert("x<100");
  else
    alert("x>100");
//没有结果,else是属于第二个if的

 

 

3.if (条件表达式) {语句;} else if (条件表达式) {语句;} ... else {语句;}

    var box = 100;
    if (box >= 100) {                 //如果满足条件,不会执行下面任何分支
        alert(‘甲‘);
    } else if (box >= 90) {
        alert(‘乙‘);
    } else if (box >= 80) {
        alert(‘丙‘);
    } else if (box >= 70) {
        alert(‘丁‘);
    } else if (box >= 60) {
        alert(‘及格‘);
    } else {                         //如果以上都不满足,则输出不及格
        alert(‘不及格‘);
    }

 

 

三、switch语句:switch 语句是多重条件判断,用于多个值相等的比较。

   var box = 1;
    switch (box) {                 //用于判断 box 相等的多个值
        case 1 :
            alert(‘one‘);
            break;                 //break;用于防止语句的穿透
        case 2 :
            alert(‘two‘);
            break;
        case 3 :
            alert(‘three‘);
            break;
        default :                 //相当于 if 语句里的 else,否则的意思
            alert(‘error‘);
        }

 

 

四、while语句:是一种先判断,后运行的循环语句。也就是说,必须满足条件了之后,方可运行循环体。

  var box = 1;             
    while (box <= 5) {         //先判断,再执行
        alert(box);
        box++;
    }

 

 

五、do...while 语句:是一种先运行,后判断的循环语句。也就是说,不管条件是否满足,至少先运行一次循环体。

   var box = 1; 
    do {
        alert(box);
        box++;
    } while (box <= 5); //先运行一次,再判断

 

 

六、for语句:也是一种先判断,后运行的循环语句。但它具有在执行循环之前初始变量和定义循环后要执行代码的能力。

  for (var box = 1; box <= 5 ; box++) {           //第一步,声明变量 var box = 1;
        alert(box);                                 //第二步,判断 box <=5
    }                                               //第三步,alert(box)
                                                    //第四步,box++
                                                    //第五步,从第二步再来,直到判断为 false

 

 

七、break和continue语句:用于在循环中精确地控制代码的执行。

break 语句会立即退出循环,强制继续执行循环体后面的语句。

 for (var box = 1; box <= 10; box++) {
        if (box == 5) 
            break;                     //如果 box 是 5,就退出循环
        document.write(box);
        document.write(‘<br />‘);
    }

continue 语句退出当前循环,继续后面的循环。

for (var box = 1; box <= 10; box++) {
        if (box == 5) 
            continue; //如果 box 是 5,就退出当前继续下一次循环循环
        document.write(box);
        document.write(‘<br />‘);
    }

 

 

八、with语句:作用是将代码的作用域设置到一个特定的对象中。

var box = {                 //创建一个对象
        ‘name‘ : ‘李炎恢‘,         //键值对
        ‘age‘ : 28,
        ‘height‘ : 178
    };
var n = box.name;             //从对象里取值赋给变量
var a = box.age;
var h = box.height;

可以将上面的三段赋值操作改写成:

with (box) {                 //省略了 box 对象名
  var n = name;
  var a = age;
  var h = height;
}

 

 

 

九、for...in语句:是一种精准的迭代语句,可以用来枚举对象的属性和方法。

  var box = {                 //创建一个对象
        ‘name‘ : ‘李炎恢‘,         //键值对,左边是属性名,右边是值
        ‘age‘ : 28,
        ‘height‘ : 178,
       run : function(){
          alert("fadsf");
      }
    };
    for (var p in box) {         //列举出对象的所有属性和方法
        alert(p);
    }

 

 

 

十、练习:

1.模拟四则运算(就是四个运算加减乘除)

  键盘录入(promot)参与运算的数据,和操作符时什么(加减乘除)

  根据输入的操作来判断进行何种操作

  根据操作输出结果

  var firstNumber = prompt("请输入第一个操作数:","0");//接收键盘录入的第一个操作数
    
    var operator = prompt("请输入操作符","-");//接收键盘录入的操作符
    
    var secondNumber = prompt("请输入第一个操作数:","0");//接收键盘录入的第一个操作数
    
    /*注意:键盘录入的是字符串,不是数值类型的,所以当进行+法运算时,字符串之间是当做连接符来用的,所以要将键盘录入的操作数转换成数值类型进行加减乘除
        有两种方案:
                方案一:将获取到的操作数,firstNumber和secondNumber都减去0,这样字符串会隐式转换成数值类型(number)这样就可以进行加减乘除的运算了
                方案二:使用praseInt()方法将字符串转换成数值类型,这种做放比较专业
    */
    firstNumber = parseInt(firstNumber);
    secondNumber = parseInt(secondNumber);
    
    switch(operator){
        case "-":
            alert(firstNumber-secondNumber);
            break;
        case "+":
            alert(firstNumber+secondNumber);
            break;
        case "*":
            alert(firstNumber*secondNumber);
            break;
        case "/":
            alert(firstNumber/secondNumber);
            break;
        default:
            alert("目前不支持此种运算");
    }
    //还可以使用if else来实现

 

 

2.模拟用户登录 

  假设用户名和密码都是已知的,都是cray
  通过键盘录入用户名和密码
  把录入的用户名和密码和已知的数据进行判断
  如果不相等,就提示登录失败,如果相等就提示登录成功

    //通过键盘录入用户名和密码
    var username=prompt("请输入您的名字","cary");
    var password=prompt("请输入密码","cary");
    
    //把录入的用户名和密码和已知的数据进行判断
    if("liuyi"==username && "liuyi"==password){
        alert("登录成功");
    }else{
        alert("用户名或密码错误");
    }

 

 

流程控制语句

标签:style   blog   io   ar   color   使用   sp   for   strong   

原文地址:http://www.cnblogs.com/LO-ME/p/3581026.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!