首页 > web前端 > js教程 > 正文

有关javascript流程控制语句集合(图文教程)

亚连
发布: 2018-05-18 18:14:42
原创
1614人浏览过

流程控制语句在js中是至关重要的。js中的流程控制语句包括if条件判断语句、for循环语句、while循环语句、do……while循环语句、break语句、continue语句和switch语句等7种语句,需要的朋友可以参考下

一、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。
    注:此脚本中大括号可以省略。

立即学习Java免费学习笔记(深入)”;

二、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语句

    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语句判断是否输入用户名的例子。

html部分:

JavaScript

清程爱画
清程爱画

AI图像与视频生成平台,拥有超丰富的工作流社区和多种图像生成模式。

清程爱画 170
查看详情 清程爱画

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

在后续的文章中,会增加核心技术篇幅。希望大家多多支持。

三.switch语句

var box =1;
switch(box){
case 1:
alert('one');
break;
case 2:
alert('two');
break;
default:
alert('出错');
登录后复制

四.do……while语句

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

五.while语句

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

六.for语句

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

七.for……in

var box ={
'name'='caibaojian',
'age'= 24
}

for (var x in box){
alert(x);
}
登录后复制

九.with语句

var box = {
'name' = 'caibaojian',
'age' = 24
}

with(box){ //with(box)可以将box给省略
var n= name;
var a = age;
}
登录后复制

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

使用JS进行文件拖拽

JS EventEmitter使用技巧总结

json对象数组键值大小写转换步骤详解

以上就是有关javascript流程控制语句集合(图文教程)的详细内容,更多请关注php中文网其它相关文章!

相关标签:
java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号