前端基础——javascript的流程控制语句

JavaScript条件语句

if语句

语法一：

if( condition ){

statement1;

}

var your_age =15;
if(your_age<18){
    alert("未满十八岁，禁止观看！");
}

　　

语法二：

if( condition ){

statement1;

}else{

statement2;

}

var your_age =25;
if(your_age<18){
    alert("未满十八岁，禁止观看！");
}else{
    alert("你已经成年了，要为自己的行为负责！");
}

　　

语法三：

if( condition ){

statement1;

}else if(condition){

statement2;

}…else{

statement3;

}

var user_name = prompt("请输入你的年龄：");
// 据说养成先搭机构的习惯，会有好处的
if (user_name>=18 && user_name<=59){
    alert("感悟人生吧！");
}else if (user_name>59){
    alert("享受人生吧！");
}else{
    alert("你还未成年，去接触人生吧！");
}

　　

prompt()

语法：prompt()

功能：弹出输入框

返回值：

1、点击确定，返回输入内容

2、点击取消，返回null

var your_age = prompt("请输入的你年龄！");
if (your_age>=18){
    alert("你已经成年，可以为自己的行为负责了！");
}else{
    alert("你还没成年，老实点！");
}　

alert()

语法：alert()

功能：弹出警告对话框

length

语法：string.length

功能：获取string字符串的长度

返回值：number

if语句的嵌套

var pass_word = prompt("请输入密码：");
if (pass_word.length == 6){
    if (isNaN(pass_word)){
        alert("请输入6位纯数字密码！");
    }else{
        alert("密码设置完成！");
    }
}else{
    alert("请输入六位密码！");
}

 

一道面试题：下面代码返回的结果是？答案：Number，NaN是一种特殊的number数据类型

var str = "abc123";
var num = parseInt(str);
if (num==NaN){ // 虽然num返回NaN，但是NaN和任何内容都不相等，包括NaN它本身
    alert("NaN"); 
}else if (num==123){
    alert(123);
    // 数据类型中的 数字型的number首字母是小写，这点要注意
}else if (typeof num == "number"){
    alert("Number")
}else{
    alert("str");
}

获取星期

语法：new Date().getDay()

功能：获取星期

返回值：number (0-6)，星期日返回的是0，其他的与系统的星期相对应。

var week = new Date().getDay();
console.log(week); // 4 返回当天的星期 当天星期四

　　

输出

语法：document.write(“内容”)

功能：向浏览器输出内容

switch语句

多条件判断 在三种情况以内用 if 语句，超过三种情况的话用 switch 语句解决

语法：

switch( expression ){

case value:statement

break;

case value:statement

break;

……

default:statement

}

// 多条件判断 在三种情况以内用 if 语句，超过三种情况的话用 switch 语句解决
var week = new Date().getDay();
console.log(week); // 4 返回当天的星期 当天星期四
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;
    // case 6:
    //     document.write("星期六");
    //     break;
    default: // 最后一种情况，不用在去判断了，直接用default，表示最后一种情况
        document.write("星期六");
}

　　优化一下上面代码的写法，如下所示：

// 优化一下代码，document.write 写的太多了
var week = new Date().getDay();
var weekstr = ""; // 定义一个空字符串
console.log(week); // 4 返回当天的星期 当天星期四
switch (week){
    case 0:
        weekstr="日";
        break; // 退出
    case 1:
        weekstr="一";
        break;
    case 2:
        weekstr="二";
        break;
    case 3:
        weekstr="三";
        break;
    case 4:
        weekstr="四";
        break;
    case 5:
        weekstr="五";
        break;
    // case 6:
    //     document.write("星期六");
    //     break;
    default: // 最后一种情况，不用在去判断了，直接用default，表示最后一种情况
        weekstr="六";
}
document.write("星期" + weekstr);

　　

JavaScript循环语句

for语句

语法：

for(语句1；语句2；语句3){

被执行的代码块；

}

语句 1 ：在循环（代码块）开始前执行

语句 2： 定义运行循环（代码块）的条件

语句 3 ：在循环（代码块）已被执行之后执行

// 输出 1 到 100
for (var i=1;i<=100;i++){
    document.write(i + "<br/>");
}
// 输出 99 到 1
for (var j=99;j>0;j-=2){
    console.log(j);
}

　　

嵌套

说明：

当循环与循环发生嵌套时遵循下列规则：

1、外层为假时内层不执行；

2、先执行外层再执行内层，直至内层的条件为假时再返回外层去执行。.

for (var i=1;i<=3;i++){ // 变量一定不要忘了 var 声明
    document.write(i + "<br />");
    for (j=1;j<=5;j++){
        document.write(j+ "<br />");
    }
}

打印乘法表

for (var i=1;i<=9;i++){
    for (var j=1;j<=i;j++){
        document.write(i+"*"+j+"="+i*j+" ");

    }
    document.write("<br />");
}

 

while语句

语法：

while(条件){

需要执行的代码；

}

var i=1; // 初始写在外面
while(i<101){
    document.write(i + "<br />");
    i++; // 循环执行后，必须改变变量
}

　　

do-while 语句

语法：

do{

需要执行的代码；

}while(条件)

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

var i = 18;
do{
   if (i%2==0){
       console.log(i);
   }
   i++;
}while (i<11);

　　

// 求 1+2+3+4+5+……+100的和
var sum=0; // sum 和
var i = 1;
while (i<=100){
    sum+=i;
    i++;
}
document.write(sum); // 5050

　　

for与while的区别

for：适合已知循环次数的循环体

while：适合未知循环次数的循环体

break语句

break：立即退出循环

continue 语句

continue：结束本次循环，继续开始下一次。

// 打印所有0到50之间除了20和30之外5的倍数
for (var n=0;n<=50;n+=5){
    if (n==20 || n==30){
        continue;
    }
    console.log(n);
}