肉渣教程

JS 条件语句

上一节 下一节

条件语句

条件语句(Conditional Statements)使程序根据不同的条件来进行不同的操作处理。

在JavaScript中,条件语句会涉及如下四种语句:

  • if语句:用来判断条件是否成立,若成立则进行相应操作
  • else语句:如果条件不成立则进行相应操作
  • else if语句:若条件不成立,则继续使用if语句进行条件判断,若成立才进行相应操作
  • switch语句即选择语句,根据判断条件的不同结果,定义相应不同的各种操作


下一节会介绍switch语句。


if 语句

if语句定义的代码块只在判断条件成立的情况下才会运行。(if必须是小写,否则出错。)

if ( 判断条件 ) {
        ...
        当判断条件成立时,才会运行此代码块中的语句
        ...
}


示例:只有age变量大于18时,才会alert出“反清复明”这段文本。

var age = 26;

if ( age > 18 ) {
    alert( "反清复明" );
}

运行一下


else 语句

else语句是紧接着一个if语句的,若if语句条件判断失败,则会执行else语句中的代码。

if ( 判断条件 ) {
        ...
        当判断条件成立时,才会运行此代码块中的语句
        ...
} else {
        ...
        当判断条件不成立时,会运行此代码块中的语句
        ...
}


示例:当age条件不大于18时,则运行else语句,alert出“好好学习”这段文本。

var age = 16;

if ( age > 18 ) {
    alert( "反清复明" );
} else {
    alert( "好好学习" );
}

运行一下


else if 语句

else if语句也是紧跟着一个if语句的,若if语句的条件不成立,则继续使用if语句进行条件判断,若成立才进行相应操作。(其实嘛,else if语句可以看作else语句中再嵌套一个if...else语句结构。)

if ( 判断条件1 ) {
        ...
        当判断条件1成立时,才会运行此代码块中的语句
        ...
} else if ( 判断条件2 ) {
        ...
        当判断条件1不成立且判断条件2成立时,会运行此代码块中的语句
        ...
} else {
        ...
        当判断条件1不成立且判断条件2不成立时,会运行此代码块中的语句
        ...
}


示例:

var age = 6;

if ( age > 18 ) {
    alert( "反清复明" );
} else if ( age > 8 ) {
    alert( "好好学习" );
} else {
    alert( "认真睡觉" );
}

运行一下


JS 条件语句

上一节 下一节