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 相关文章推荐
网站上面有这种切换效果
Jun 26 Javascript
javascript 判断中文字符长度的函数代码
Aug 27 Javascript
javascript中的parseInt和parseFloat区别
Jul 12 Javascript
求数组最大最小值方法适用于任何数组
Aug 16 Javascript
js中判断对象是否为空的三种实现方法
Dec 23 Javascript
详解用vue.js和laravel实现微信支付
Jun 23 Javascript
用vue构建多页面应用的示例代码
Sep 20 Javascript
深入理解 webpack 文件打包机制(小结)
Jan 08 Javascript
Angular4集成ng2-file-upload的上传组件
Mar 14 Javascript
js实现select下拉框选择
Jan 11 Javascript
JavaScript实现动态留言板
Mar 16 Javascript
JS绘图Flot应用图形绘制异常解决方案
Oct 16 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
蝙蝠侠:侠影之谜
2020/03/04 欧美动漫
PHP写的获取各搜索蜘蛛爬行记录代码
2012/08/21 PHP
php数组去除空值函数分享
2015/02/02 PHP
全面解读PHP的人气开发框架Laravel
2015/10/15 PHP
tp5.1 实现setInc字段自动加1
2019/10/18 PHP
php变量与字符串的增删改查操作示例
2020/05/07 PHP
jquery 插件之仿“卓越亚马逊”首页弹出菜单效果
2008/12/25 Javascript
jquery实现仿JqueryUi可拖动的DIV实例
2015/07/31 Javascript
freemarker判断对象是否为空的方法
2015/08/13 Javascript
jQuery页面元素动态添加后绑定事件丢失方法,非 live
2016/06/16 Javascript
Vue获取DOM元素样式和样式更改示例
2017/03/07 Javascript
Vue.js实战之利用vue-router实现跳转页面
2017/04/01 Javascript
VUE2.0中Jsonp的使用方法
2018/05/22 Javascript
利用JS动态生成隔行换色HTML表格的两种方法
2018/10/09 Javascript
JS原型对象操作实例分析
2020/06/06 Javascript
vue通过过滤器实现数据格式化
2020/07/20 Javascript
解决vue-loader加载不上的问题
2020/10/21 Javascript
JavaScript前后端JSON使用方法教程
2020/11/23 Javascript
Linux下为不同版本python安装第三方库
2016/08/31 Python
Python英文文本分词(无空格)模块wordninja的使用实例
2019/02/20 Python
Python 解码Base64 得到码流格式文本实例
2020/01/09 Python
python 追踪except信息方式
2020/04/25 Python
jenkins+python自动化测试持续集成教程
2020/05/12 Python
python爬取招聘要求等信息实例
2020/11/20 Python
用python对excel查重
2020/12/07 Python
html5中去掉input type date默认样式的方法
2018/09/06 HTML / CSS
用HTML5实现鼠标滚轮事件放大缩小图片的功能
2015/06/25 HTML / CSS
美国饼干礼物和美食甜点购买网站:Cheryl’s
2020/05/28 全球购物
Hibernate持久层技术
2013/12/16 面试题
外语专业毕业生自我评价分享
2013/10/05 职场文书
cf收人广告词
2014/03/14 职场文书
毕业自我鉴定怎么写
2014/03/25 职场文书
2014年反腐倡廉工作总结
2014/12/05 职场文书
2015年社会治安综合治理工作总结
2015/04/10 职场文书
QT与javascript交互数据的实现
2021/05/26 Javascript
python中如何对多变量连续赋值
2021/06/03 Python