JavaScript循环学习

一， 一元运算符

• 只有一个操作数参与运算
• i++ 先参与运算，，运算结束后结果加1
• ++i 自身先加1 ，，之后再参与运算

二，流程控制

• 定义： 代码的执行过程
• 三种方式：
  • 顺序 从上到下，从左到右
  • 分支 if 语句 if-else 语句 if- else if - else if…语句 switch-case语句 三元表达式语句
  • 循环 while循环 ，do-while循环 for循环 for-in循环

三，提示用户输入信息

• var age=prompt(“请您输入您的年龄”) ; //弹框—并且有输入,输入的内容在age变量中
• 案例(类型转换)

  •   //    var age = parseInt(prompt("请您输入年龄"));
      //    //判断
      //    if (age >= 18) {
      //      console.log("可以看电影了,嘎嘎...");
      //    } else {
      //      console.log("看什么看,回家写作业去");
      //    }
    
    

四，三元表达式

• var 变量=表达式1?表达式2:表达式3;
• 总结:大多数情况,使用if-else的语句都可以用三元表达式的方式来表示

五， if-else语句

• 语法格式（注意else if的位置）

•  * 语法:
  

  • if(表达式1){
  • 代码1
  • }else if(表达式2){
  • 代码2
  • }else if(表达式3){
  • 代码3
  • }else{
  • 代码4
  • }

六，switch-case

• 语法格式
  • switch(表达式){
    • case 值1:代码1;break;
    • case 值2:代码2;break;
    • case 值3:代码3;break;
    • case 值4:代码4;break;
    • …多个case
    • default:代码5;
    • }
• 注意问题
  • default 后面的break可以省略
  • default也可以省略
  • switch-case 语句中和case后面的值比较的时候使用的是严格的模式，break是可以省略
  • 遇到break跳出整个语句，后面代码不执行

七， 分支语句总结

• if语句:一个分支
  

  • if-else语句:两个分支,最终只执行一个分支
  • if-else if-else if…语句: 多个分支,也是只会执行一个
  • switch-case语句:多分支语句,最终也会一个(必须要有break)
  • 三元表达式:和if-else语句是一样的
  • 什么时候使用if-else if…: 一般是对范围的判断
  • 什么时候使用switch-case语句:一般是对具体的值的判断
  • 如果有多个分支,是针对范围的判断一般选择if-else if的语句
  • 如果有多个分支,是针对具体的值判断,一般选择用switch-case语句

八， 循环语句while

• 一件事不停的做就是循环
• 循环三个条件： 计数器 循环条件 计数器加1
• 格式：
  • var 变量=0;
  • while(循环的条件){
  • 循环体;
  • 计数器++;
  • }

九，do-while循环

• 语法格式：

  • do{
    

    • 循环体
      

    • }while(条件);
• 总结：while循环可能一次循环体都不执行，，do-while循环会至少执行一次循环体

十， for循环

• 跟while循环类似

• 语法格式

  • for(表达式1;表达式2;表达式3){
    • 循环体;
    • }

• for循环案例

•   
    //控制行数的---正方形的
    for (var i = 0; i <= 5; i++) {
      //控制每一行有几个星星
      for (var j = 0; j <= 5; j++) {
        document.write("★");
      }
      document.write("<br/>");
    }
  
  

• 换行输出标签学习和write方法学习（直接在页面中添加标签）