前端系列之JavaScript（流程控制语句）

JS的分支语句：

条件语句if

语法一：

if(condition){
  statement1;
}

语法二：

if(condition){
  statement1;
}else{
  statement2;
}

语法三：

if(condition){
  statement1;
}else if{
  statement2;
}...else{
  statement3;
}

var age = prompt("请输入您的年龄：");
console.log(age);
if(age != null) {
    if(age < 18) {
        alert("您还未成年！");
    } else if(age>=18 && age<=59){
        alert("您已成年，请进入");
    }else{
        alert("您已超出年龄限制");
    }
}else{
    console.log("用户未输入");
}

prompt()的应用
语法：prompt()
功能：弹出输入框
返回值：1.点击确认，返回输入内容 2.点击取消，返回null

alert()的应用
语法：alert()
功能：弹出警告对话框

<script>
    var password=prompt("请设置您的密码");
    //判断密码的长度，如果不是6位，否则
    if(password.length!=6){
        alert("请输入6位的数字密码！");

    }else{
        //如果密码是非数字，否则是数字
       if(isNaN(password)==true){

            alert("密码必须要是数字");
        }else{
            alert("密码设置成功");
        }
</script>

面试题：请问下面的程序输出什么？

  var str="abc123";
             var num =parseInt(str);
             if(num==NaN){
                console.log(NaN);
             }else if(num==123){
                console.log(123);
             }else if(typeof num=="number"){
                console.log("number");
             }else{
                console.log("str");
             }

答案：输出”number”

思考：parseInt在转换非数字开头的字符串，都返回NaN，而NaN和任何内容都不相等，包括它本身。而NaN属于number类型，所以输出number。

switch语句

<script>
            var week=new Date().getDay();
            console.log(week);
            //多条件的判断 switch（超过3种判断建议使用）
            switch(week){
                  case 0:
                  document.write("今天是星期日");
                  break;
                  case 1:
                  document.write("今天是星期一");
                  break;
                  case 2:
                  document.write("今天是星期二");
                  break;
                  case 3:
                  document.write("今天是星期三");
                  break;
                  case 4:
                  document.write("今天是星期四");
                  break;
                  case 5:
                  document.write("今天是星期五");
                  break;

                  default:
                  document.write("今天是星期六");
            }
        </script>

星期的获取方法：new Date().getDay()
返回值：number

document.write()输出
功能：向浏览器输出内容

JS循环语句

for语句

语法：
for(语句1;语句2;语句3){
被执行的代码块;
}
语句1：在循环（代码块）开始前执行
语句2：定义运行循环（代码块）的条件
语句3：在循环（代码块）已被执行之后执行

<script>
    //循环的初始值  循环条件  变量的变化
     for(var i=1;i<=100;i++){
        console.log(i);
      }
      for(var m=99;m>=1;m--){
        document.write(m+'<br>');
      }
</script>

当循环与循环发生嵌套时遵循下列规则：
1.外层为假时内层不执行
2.先执行外层再执行内层，直至内层的条件为假时，再返回外层去执行。

<script>
          for(var i=1;i<=3;i++){
            document.write(i+'<br>');
            for(var j=1;j<=5;j++){

                document.write(j+'<br>');

            }
            document.write('<hr>');
          }
 </script>

while语句

语法：
while(条件){
     需要执行的代码;
}

<script>
         var i=1;
         while(i<=100){
            document.write(i+'<br>');
            i++;
         }
</script>

<script>
        //1+2+3+4+...+100=
         var sum=0;
         var n=1;
         while(n<=100){
            sum+=n;
            n++;
         }
         document.write(sum+'<br>');
</script>

do-while语句

语法：

do{
   需要执行的代码
}while(条件)

<script>
         var i=1;
         do{
            if(i%2==0){
                document.write(i+'<br>');
            }
            i++;
         }while(i<=10);
</script>

说明：这种语法的循环至少要被执行一次。

break和continue语句

break:立即退出循环
continue:结束本次循环，继续开始下一次

<script>

         for(var n=1;n<=10;n++){
            if(n%5==0){
//              break;//1234
                 continue;//12346789
            }
            console.log(n);
         }
</script>