欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JavaScript中的流程语句详解

程序员文章站 2022-04-14 14:00:13
流程语句概述其大致内容包括如下:流程控制语句在JS中是至关重要的。JS中的流程控制语句包括if条件判断语句、for循环语句、while循环语句、do……while循环语句、break语句、continue语句和switch语句等语句。一、if语句if语句是用来判定所给定的条件是否满足, 根据判定的结果(真或假)决定执行给出 的两种操作之一。var a=5; //声明变量a,并赋值为5.var b; //声明变量b。if(a==b){......

流程语句概述

其大致内容包括如下:

流程控制语句在JS中是至关重要的。JS中的流程控制语句包括if条件判断语句、for循环语句、while循环语句、do……while循环语句、break语句、continue语句和switch语句等语句。

JavaScript中的流程语句详解

一、if语句

if语句是用来判定所给定的条件是否满足, 根据判定的结果(真或假)决定执行给出 的两种操作之一。

var a=5;      //声明变量a,并赋值为5.

var b;       //声明变量b。

if(a==b){      //判断,如果a=b,则执行下面内容

  alert("b=5");  //弹窗,b=5.

}

 1.a==b是if语句中的条件。
    2.alert("a=c")是if语句中的结果。
    此段脚本的含义是:声明变量a、b,且赋值a=5;当a=b时,弹窗b=5。
    注:此脚本中大括号可以省略。

二、if ... else语句

如果希望条件成立时执行一段代码,而条件不成立时执行另一段代码,那么可以使用 if....else 语句

 if...else语句是if语句的标准形式。在if的基础上加上else将使语句更加完整。

此语句语法如下:

var a=5;

var b;

if(a==b){

  alert("b=5");

}else {        //如果a!=b则执行下面内容

   alert("b!=5");

这段含义是:声明变量a、b,且赋值a=5;当a=b时,弹窗b=5,否则弹窗b!=5。

三、if...else if语句

1、 在很多时候往往都会用到判断语句。要在多组语句中选择一组来执行,这就可以用到多重判断语句来写代码,分享一个用if……else镶嵌语句来写的多重判断。
2、 语法:if(条件1){条件1成立时执行的代码}
else if(条件2){条件2成立时执行的代码}
……
else if(条件n){条件n成立时执行代码}

 if...else if语句是if语句的灵活运用。

    此语句语法如下:

var a=5;

var b;

var c;

var d;

var e;

if(a==b){

  alert("b=5")

}else if(a==c){    

  alert("c=5")

}else if(a==d){

  alert("d=5")

}else if(a==e){

  alert("e=5")

}else{

  alert("b!=5、c!=5、d!=5、e!=5")

}

语法含义:明变量a、b、c、d、e,且赋值a=5;当a=b时,弹窗b=5;当a=c时,弹窗c=5;当a=d时,弹窗d=5;当a=e时,弹窗e=5;否则弹窗b!=5、c!=5、d!=5、e!=5。

四、if语句的嵌套使用

 if语句可以嵌套到if语句当中,我们可以用{}来区分外部if与内部if。如若不用{}来确定层数关系,可能导致程序代码的输出与理想意义完全不同。

    语法示例如下:

<script type="text/javascript">    //脚本开始

var m=12;n=m;             //声明变量n、m的值都为12

if(m<1){                //外层if,判断当m<1时执行下面内容

  if(n==1)              //内层,当n等于1时输出下面内容

    alert("当m小于1时,n等于1");  //弹窗,当m小于1时,n等于1

  else                //当n不等于1时,执行下面内容

    alert("当m小于1时,n不等于1"); //弹窗,当m不小于1时,n不等于1

}else if(m>10){            //外层else if,判断外层m>10时执行下面内容

  if(n==1)              //内层,如果n等于1,执行下面内容

    alert("当m大于10时,n等于1");  //弹窗,当m大于10时,n等于1

  else                //n不等于1时,执行下面内容

    alert("当m大于10时,n不等于1"); //弹窗,当m大于10时,n不等于1

</script>               //脚本结束

 到这里if语句的用法基本介绍完毕,以上的语法示例都是最基础简单的,下面给大家一个利用if语句判断是否输入用户名的例子。

流程控制语句中if语句,包括if的多种用法以及示例。这些都些都是比较简单的基础应用。

三.switch语句

使用 switch 语句来选择要执行的多个代码块之一。

var box =1;

switch(box){

case 1:

alert('one');

break;

case 2:

alert('two');

break;

default:

alert('出错');

四.do……while语句

是一种先运行,后判断的循环语句,至少先运行一次循环体。

若希望至少执行一次statements语句(或语句块),可改用do…while语句

五.while语句

先判断,后运行,必须满足条件,方可运行

while 语句与 if 语句相似,都有条件来控制语句(或语句块)的执行,其语言结构基本相同:
while(conditions){
    statements;
}

while 语句与 if 语句的不同之处在于:在if条件假设语句中,若逻辑条件表达式为真,则运行statements语句(或语句块),且仅运行一次;while 循环语句则是在逻辑条件表达式为真的情况下,反复执行循环体内包含的语句(或语句块)。

六.for语句

先判断,后运行,具有在执行循环之前初始化变量和定义循环后执行代码

应用场景:遍历数组和对象

七.for……in

for循环可一遍历数组,而for in循环可以遍历数组和对象
使用for in循环会将Array当成对象遍历,而Array的存取速度明显比Object要快。所以使用for循环遍历数组比for in循环遍历快。
for循环遍历的是索引数组,通过索引来调用,i的返回值是number类型
而for in循环遍历的是关联数组,通过key来调用,i的返回值是string类型

var box ={

'name'='caibaojian',

'age'= 24

}

 

for (var x in box){

alert(x);

}

九.with语句

with 语句的原本用意是为逐级的对象访问提供命名空间式的速写方式. 也就是在指定的代码区域, 直接通过节点名称调用对象。

with 通常被当做重复引用同一个对象中的多个属性的快捷方式,可以不需要重复引用对象本身。

var box = {

'name' = 'caibaojian',

'age' = 24

}

 

with(box){ //with(box)可以将box给省略

var n= name;

var a = age;

}

本文地址:https://blog.csdn.net/weixin_47703646/article/details/107233547