程序的三⼤结构(顺序结构、选择结构、循环结构)⼀、顺序结构、选择结构、循环结构
⼆、顺序结构
程序按照从上到下的顺序执⾏。
三、选择结构
程序按照某个条件执⾏(出⼝只有⼀个)
1. if条件语句
执⾏逻辑:对条件进⾏判断,如果条件返回值为true 则执⾏。
  if(){ }else{}
  (1)单分⽀
  if(饿了){
    睡觉
    }
(2)双分⽀
    if(条件){
      code;
     }else{
      code2;
    }
  (3)多分⽀
    if(条件1){
    code1;
      }else if(条件2){
      code2;
      }else{
      code3;
      }
   (4)a.判断⼀个整数,属于哪个范围:⼤于0,⼩于0,等于0;     
      var num = 10;
      if(num > 0){
        code1;
      }else if(num < 0){
        code2;
      }else{
        code3;
      }
      b.判断⼀个整数是奇数还是偶数,并输出判断结果 
      var num = 111;
      if( num % 2 == 0 ){
        code1;
      }else if(num % 2 != 0){
        code2;
      }
     c.开发⼀款软件,根据公式(⾝⾼-108)*2=体重,可以有10⽄左右的浮动。来观察测试者体重是否合适   
      var height = 200;
      var weight = 200;
      var item = ( height - 108 ) * 2;
      if( weight <= item + 10 && weight >= item - 10 ){
      console.log("标准");
      }else{
      console.log("不标准");
      }
2.switch分⽀
  对某个固定值的判断
  (1)语法:
    switch() {
    case value: 执⾏的语句;
    }
  (2)case穿透。
    如果每⼀个case语句执⾏完毕之后,没有遇到 break , 让程序继续往下执⾏。
  (3)default 其他情况
    以上case值都不满⾜的情况下所执⾏的语句。可以省略掉。
  (4)案例
    a.  输⼊数字,显⽰星期⼏
      var week = 4;
      switch (week) {
      case 1: console.log("星期⼀");
      break;
      case 2: console.log("星期⼆");
      break;
      case 3: console.log("星期三");
      break;
      case 4: console.log("星期四");
      break;
      case 5: console.log("星期五");
      break;
      case 6: console.log("星期六");
      break;
      case 7: console.log("星期七");
      default: console.log("请重新输⼊...");
      }
3.if判断条件为真的条件
  a.当不为0的纯数字,则返回真;为0,返回为假;
  b.⾮空字符串,返回true;空字符串"",返回false;
  c.所有对象、数组,返回true;null、undefined 返回的是false;
  d.当⼀个函数存在的时候,则为真,否则为假;
四、循环结构
1.定义:重复执⾏⼀段代码(重复代码块);
2.作⽤: a.简化代码,处理重复的代码
    b.遍历数组、json对象、节点集合
3.循环的五⼤要素:
  a.循环变量
weight的几种形式
  b.循环变量的初始值
  c.循环的增值
  d.循环的条件
  e.循环体
4.循环的分类
  (1)while循环
    while(循环的条件){
      循环体
    }
    执⾏逻辑:⾸先进⾏变量判断,如果不满⾜,不进⼊循环体,如果满⾜,进⼊循环体,循环体执⾏完毕,变量增值,再次进⾏判断。
    案例:
        a.怎么实现1 - 50 的和?? 
    var i = 1;
    var sum = 0;
    while( i <= 50 ){
    i++;
    }
    b.打印100以内7的倍数
    var i = 1;
    while(i <= 100){
    if(i % 7 == 0 ){
    console.log(i);
    }
    i++;
    }
    console.log(sum);
    c.打印100以内所有偶数的和
    var i = 1 ;
    var sum = 0;
    while( i <= 100 ){
    if( i % 2 == 0 ){
    sum += i;
    }
    i++;
    }
    console.log(sum);
  (2)do...while循环 
    语法:
    do{
      //循环体
    }while(i < 10);
    执⾏逻辑:⾸先进⼊循环体,执⾏⼀次,然后再进⾏变量的⾃增,然后再次进⾏判断......
    案例:
     a.⼊职薪⽔10K,每年涨幅5%,50年后⼯资多少?
      var money = 10000;
      var year = 1;
      do{
        money *= 1.05;
        year++;
      }while(year <= 50);
      console.log(money);
  (3)for循环
    语法:
      for( 语句1,语句2,语句3 ){
        //循环体
       }
      语句1:循环变量以及初始值
      语句2:循环的终⽌条件
      语句3:循环变量的增值
   执⾏逻辑:⾸先声明循环变量,为变量赋值,然后进⾏条件判断,如果成⽴,进⼊循环体,循环体执⾏完毕,循环变量增值,⾃增之后,再进⾏条件判断......。
   案例:
   a.打印100–200之间所有能被3或者7整除的数
    for(var i = 100 ; i <= 200 ; i++){
    if(i % 3 == 0 || i % 7 == 0){
        console.log(i);
      }
    }
   b.计算100的阶乘
    var product = 1;
    for(var i = 1 ; i <= 100 ; i++){
      product *= i;
    }
    console.log(product)
五、死循环
  靠⾃⾝⽆法终⽌的程序
六、循环嵌套
1.实现表格
  document.write("<table>");
  for(var i = 0 ; i < 10 ; i++){
  document.write("<tr>");
  //打印的td
  for(var k = 0 ; k < 10 ; k++){
  document.write("<td></td>");
  }
  document.write("</tr>");
  }
  document.write("</table>");
2.九九乘法表
  for(var i = 1 ; i <= 9 ; i++){
  for(var j = 1 ; j <= i ; j++){
  document.write( j + " * " + i + "=" + i * j + "   ");
  }
  document.write("<br><br>");
  }
七、循环练习
1.打印100以内所有偶数的和
  var sum = 0;
  for(var i = 1 ; i <= 100 ; i++){
  if( i % 2 == 0 ){
  sum += i;
  }
  }
  console.log(sum);
2.打印出1000-2000年中所有的闰年,并以每⾏四个数的形式输(//闰年条件:⾮整百年,被4整除,或者被400整除)//添加⼀个计数器
  var count = 0;
  for(var year = 1000 ; year <= 2000 ; year++){
  if( year % 100 != 0 && year % 4 == 0 || year % 400 == 0 ){
  document.write(year + "    ");
  //每打印⼀个闰年,计数器加⼀,当计数器能被4整除的时候,打印⼀个换⾏。
  count++;
  if(count % 4 == 0){
  document.write("<br>")
  }
  }
  }
3.打印三⾓形(直⾓三⾓形)
for(var i = 1 ; i <= 5 ; i++){
  for(var k = 1 ; k <= i ; k++){
  document.write("<div></div>")
  }

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。