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 相关文章推荐
优化JavaScript脚本的性能的几个注意事项
Dec 22 Javascript
javascript禁制后退键(Backspace)实例代码
Nov 15 Javascript
使用jquery实现的一个图片延迟加载插件(含图片延迟加载原理)
Jun 05 Javascript
jquery.validate 自定义验证方法及validate相关参数
Jan 18 Javascript
js提示框替代系统alert,自动关闭alert对话框的实现方法
Nov 07 Javascript
JS实现复制内容到剪贴板功能
Feb 05 Javascript
jQuery实现div跟随鼠标移动
Aug 20 jQuery
angularjs+bootstrap实现自定义分页的实例代码
Jun 19 Javascript
浅谈关于.vue文件中style的scoped属性
Aug 19 Javascript
Vue三种常用传值示例(父传子、子传父、非父子)
Jul 24 Javascript
JavaScript解析机制与闭包原理实例详解
Mar 08 Javascript
layer.open提交子页面的form和layedit文本编辑内容的方法
Sep 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
php获取新浪微博数据API实例
2013/11/12 PHP
Yii支持多域名cors原理的实现
2018/12/05 PHP
解决laravel 出现ajax请求419(unknown status)的问题
2019/09/03 PHP
PHP文件操作简单介绍及函数汇总
2020/12/11 PHP
javascript offsetX与layerX区别
2010/03/12 Javascript
Jquery ajax不能解析json对象,报Invalid JSON错误的原因和解决方法
2010/03/27 Javascript
禁止选中文字兼容IE、Chrome、FF等
2013/09/04 Javascript
jquery prop的使用介绍及与attr的区别
2013/12/19 Javascript
用js将内容复制到剪贴板兼容浏览器
2014/03/18 Javascript
jQuery中对未来的元素绑定事件用bind、live or on
2014/04/17 Javascript
jQuery实现鼠标经过购物车出现下拉框代码(推荐)
2016/07/21 Javascript
浅谈js数组和splice的用法
2016/12/04 Javascript
Angular.JS去掉访问路径URL中的#号详解
2017/03/30 Javascript
详解在Angular项目中添加插件ng-bootstrap
2017/07/04 Javascript
JS实现自定义弹窗功能
2018/08/08 Javascript
微信小程序实现的3d轮播图效果示例【基于swiper组件】
2018/12/11 Javascript
详解React项目如何修改打包地址(编译输出文件地址)
2019/03/21 Javascript
Vue 页面权限控制和登陆验证功能的实例代码
2019/06/20 Javascript
JS表单验证插件之数据与逻辑分离操作实例分析【策略模式】
2020/05/01 Javascript
Python测试人员需要掌握的知识
2018/02/08 Python
python issubclass 和 isinstance函数
2019/07/25 Python
Python3.9 beta2版本发布了,看看这7个新的PEP都是什么
2020/06/10 Python
卡塔尔航空官方网站:Qatar Airways
2017/02/08 全球购物
购买200个世界上最好的内衣品牌:Bare Necessities
2017/02/11 全球购物
美国最大的购物网站:Amazon.com(亚马逊美国)
2020/05/23 全球购物
为什么如下的代码int a=100,b=100;long int c=a * b;不能工作
2013/11/29 面试题
教师年度考核评语
2014/04/28 职场文书
大学迎新标语
2014/06/26 职场文书
党委班子纠正“四风”问题整改措施
2014/10/28 职场文书
社会实践活动总结
2015/02/05 职场文书
2015年护士节活动总结
2015/02/10 职场文书
收入证明申请书
2015/06/12 职场文书
好员工观后感
2015/06/17 职场文书
初中美术教学反思
2016/02/17 职场文书
Nginx location 和 proxy_pass路径配置问题小结
2021/09/04 Servers
详解Spring Security如何在权限中使用通配符
2022/06/28 Java/Android