javascript流程控制语句集合


Posted in Javascript onSeptember 18, 2017

一、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语句的标准形式。在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流程控制语句集合

JavaScript

javascript流程控制语句集合

 结语:本篇主要讲了流程控制语句中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;
}

这篇文章就介绍到这了,更多的资料请参考下面的相关文章。

Javascript 相关文章推荐
通过上下左右键和回车键切换光标实现代码
Mar 08 Javascript
用IE重起计算机或者关机的示例代码
Mar 10 Javascript
js获取 type=radio 值的方法
May 09 Javascript
原生js结合html5制作简易的双色子游戏
Mar 30 Javascript
理解Angular数据双向绑定
Jan 10 Javascript
AngularJS 自定义过滤器详解及实例代码
Sep 14 Javascript
原生js实现无缝轮播图效果
Jan 11 Javascript
angular内置provider之$compileProvider详解
Sep 27 Javascript
node.js 用socket实现聊天的示例代码
Oct 17 Javascript
JS实现的简单拖拽购物车功能示例【附源码下载】
Jan 03 Javascript
iview同时验证多个表单问题总结
Sep 29 Javascript
layUI实现列表查询功能
Jul 27 Javascript
20170918 前端开发周报之JS前端开发必看
Sep 18 #Javascript
Angular中的$watch方法详解
Sep 18 #Javascript
jQuery实现的表格前端排序功能示例
Sep 18 #jQuery
node.js中使用Export和Import的方法
Sep 18 #Javascript
inner join 内联与left join 左联的实例代码
Sep 18 #Javascript
JavaScript实现的原生态Tab标签页功能【兼容IE6】
Sep 18 #Javascript
vue多种弹框的弹出形式的示例代码
Sep 18 #Javascript
You might like
ThinkPHP实现将SESSION存入MYSQL的方法
2014/07/22 PHP
ThinkPHP文件缓存类代码分享
2015/04/22 PHP
PHP DB 数据库连接类定义与用法示例
2019/03/11 PHP
PHP使用递归按层级查找数据的方法
2019/11/10 PHP
javascript 静态对象和构造函数的使用和公私问题
2010/03/02 Javascript
JavaScript显示当然日期和时间即年月日星期和时间
2013/10/29 Javascript
Javascript让DEDECMS告别手写Tag
2014/09/01 Javascript
JavaScript给按钮绑定点击事件(onclick)的方法
2015/04/07 Javascript
AngularJS 模块详解及简单实例
2016/07/28 Javascript
Javascript下拉刷新的简单实现
2017/02/14 Javascript
详解用node.js实现简单的反向代理
2017/06/26 Javascript
vue 表单输入格式化中文输入法异常问题
2018/05/30 Javascript
js中Generator函数的深入讲解
2019/04/07 Javascript
react高阶组件添加和删除props
2019/04/26 Javascript
解决Vue打包后访问图片/图标不显示的问题
2019/07/25 Javascript
vue项目在webpack2实现移动端字体自适配功能
2020/06/02 Javascript
vue+vuex+axios从后台获取数据存入vuex,组件之间共享数据操作
2020/07/31 Javascript
[01:10]DOTA2次级职业联赛 - U5战队宣传片
2014/12/01 DOTA
python实现数独算法实例
2015/06/09 Python
Python实现类的创建与使用方法示例
2017/07/25 Python
利用 Flask 动态展示 Pyecharts 图表数据方法小结
2019/09/04 Python
keras使用Sequence类调用大规模数据集进行训练的实现
2020/06/22 Python
用CSS3和table标签实现一个圆形轨迹的动画的示例代码
2019/01/17 HTML / CSS
HTML5的Video标签有部分MP4无法播放的问题解析(多图)
2017/08/18 HTML / CSS
倩碧英国官网:Clinique英国
2018/08/10 全球购物
澳大利亚在线高跟鞋商店:Shoe Me
2019/11/19 全球购物
单位委托书范本
2014/04/04 职场文书
学生会竞选演讲稿学习部
2014/08/25 职场文书
群众路线个人剖析材料
2014/10/07 职场文书
幼儿园教师自我评价
2015/03/04 职场文书
2015年发展党员工作总结报告
2015/03/31 职场文书
北京大学中文系教授推荐的10本小说
2019/08/08 职场文书
开学第一周日记(三篇范文)
2019/08/23 职场文书
Java如何实现树的同构?
2021/06/22 Java/Android
css3属性选择器 “~”(波浪号) “,”(逗号) “+”(加号)和 “>”(大于号)
2022/04/19 HTML / CSS
SQL SERVER中的流程控制语句
2022/05/25 SQL Server