码迷,mamicode.com
首页 > Web开发 > 详细

js基础——流程控制语句

时间:2019-06-04 16:08:33      阅读:107      评论:0      收藏:0      [点我收藏+]

标签:比较   属性   style   js基础   document   条件判断   流程   def   相等   

1、if语句
if(条件表达式){
   若条件成立只执行我,下面的分支不执行 
 }else if(条件表达式){
  语句;
 }else if(条件表达式){
  语句;
 }else{
   以上条件都不满足,执行我
 }
2、switch语句(用于多个值相等的比较,多重条件判断)
switch(box){//用于判断box相等的多个值
  case 1:
    alert(‘one‘);
    break; //break用于防止语句的穿透
  case 2:
    alert(‘two‘);
    break;
  .....
  default:
     alert(‘相当于if语句里面的else‘)  
 }
3、do..while语句 (先运行再循环,即不管条件成立与否,至少执行一次循环体)
var box = 10;
        do{
          alert(box);
          box ++ ;
        }while(box <= 5);//box=10不执行循环体,但是会弹出一次10,因为要先运行再判断;
                           若是box=1则执行循环体5次
4、while语句(先判断后执行,即只有条件满足才会执行)
var m = 10;
        while (m<=5){
          alert(m);// box=10一次不执行,因为条件不满足;若是box=1,执行5次循环体
          m++;
        }
5、for语句(先判断后执行,直到条件不满足时结束循环体)
for(var box = 1; box <=5; box++){
  alert(box);//执行5次循环体,第六次box=6,条件不满足结束循环体
}
6、for...in语句(精准的迭代语句,可用于枚举对象的属性)
var box = {
  ‘name‘:‘哈哈‘,
  ‘age‘: 18,
  ‘pro‘: ‘程序员‘
  
 }
for(var attr in box){
  alert(attr);//name、age、pro列举出对象的所有属性。
 }
7、break 和 continue语句
break:立即退出循环,强制执行循环体后面的语句;
continue:退出当前循环,继续后面的循环;
for (var n = 1; n <= 10; n++) {
          if (n == 5) break;
          document.write(n);//1、2、3、4 若n=5就结束循环
          document.write(‘<br/>‘)
        }
for (var n1 = 1; n1 <= 10; n1++) {
          if (n1 == 5) continue;
          document.write(n1);//1、2、3、4、6、7、8、9、10 若n1=5,结束当前循环,后面继续执行
          document.write(‘<br/>‘)
        }
8、with语句:将代码的作用域设置到一个特定的对象中
var attr = {    //创建对象box
          ‘name‘: ‘哈哈‘, 
          ‘age‘: 18,
          ‘pro‘: ‘程序员‘
        }
var x = attr.name; //从对象取值并赋值给变量
var y = attr.age;
var z = attr.pro;
以上代码等价于:
with(n2){     
          var x = name; //可省略对象名box直接赋值
          var y = age;
          var z = height;
        }

js基础——流程控制语句

标签:比较   属性   style   js基础   document   条件判断   流程   def   相等   

原文地址:https://www.cnblogs.com/LindaBlog/p/10973998.html

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