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 - HTML的request类
Jan 09 Javascript
JavaScript中的apply()方法和call()方法使用介绍
Jul 25 Javascript
分析Node.js connect ECONNREFUSED错误
Apr 09 Javascript
使用jQuery判断IE浏览器版本的代码
Jun 14 Javascript
$.extend 的一个小问题
Jun 18 Javascript
localStorage的黑科技-js和css缓存机制
Feb 06 Javascript
js实现多张图片延迟加载效果
Jul 17 Javascript
微信小程序 同步请求授权的详解
Aug 04 Javascript
js解决软键盘遮挡输入框的问题分享
Dec 19 Javascript
详解Vue中watch的详细用法
Nov 28 Javascript
elementUI select组件value值注意事项详解
May 29 Javascript
使用eslint和githooks统一前端风格的技巧
Jul 29 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教程之PHP中shell脚本的使用方法分享
2012/02/23 PHP
PHP以指定字段为索引返回数据库所取的数据数组
2013/06/30 PHP
PHP使用CURL_MULTI实现多线程采集的例子
2014/07/29 PHP
PHP检查URL包含特定字符串实例方法
2019/02/11 PHP
在PHP中输出JS语句以及乱码问题的解决方案
2019/02/13 PHP
从ThinkPHP3.2.3过渡到ThinkPHP5.0学习笔记图文详解
2019/04/03 PHP
PHP大文件及断点续传下载实现代码
2020/08/18 PHP
jquery uaMatch源代码
2011/02/14 Javascript
js window.onload 加载多个函数和追加函数详解
2014/01/08 Javascript
NodeJS Web应用监听sock文件实例
2015/02/18 NodeJs
Vue的Class与Style绑定的方法
2017/09/01 Javascript
vue使用keep-alive实现数据缓存不刷新
2017/10/21 Javascript
实现div内部滚动条滚动到底部和顶部的代码
2017/11/15 Javascript
webpack配置导致字体图标无法显示的解决方法
2018/03/06 Javascript
详解如何webpack使用DllPlugin
2018/09/30 Javascript
Vue拖拽组件列表实现动态页面配置功能
2019/06/17 Javascript
解决Can't find variable: SockJS vue项目的问题
2020/09/22 Javascript
[48:48]VGJ.T vs Liquid 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
python+matplotlib实现动态绘制图片实例代码(交互式绘图)
2018/01/20 Python
python 监听salt job状态,并任务数据推送到redis中的方法
2019/01/14 Python
Python基于jieba, wordcloud库生成中文词云
2020/05/13 Python
Python Dict找出value大于某值或key大于某值的所有项方式
2020/06/05 Python
使用HTML5 Canvas绘制直线或折线等线条的方法讲解
2016/03/14 HTML / CSS
MyFrenchPharma中文网:最大的法国药妆平台
2016/10/07 全球购物
英国婴儿和儿童服装网站:Vertbaudet
2018/04/02 全球购物
MADE荷兰:提供原创设计师家具
2018/04/03 全球购物
请解释接口的显式实现有什么意义
2012/05/26 面试题
尽职尽责村干部自我鉴定
2014/01/23 职场文书
热爱祖国的演讲稿
2014/05/04 职场文书
采购内勤岗位职责
2015/04/13 职场文书
2016年寒假家长评语
2015/10/10 职场文书
股东协议书范本2016
2016/03/21 职场文书
Nginx的rewrite模块详解
2021/03/31 Servers
Python实现简繁体转换
2021/06/07 Python
Html5大屏数据可视化开发的实现
2021/06/11 HTML / CSS
实体类或对象序列化时,忽略为空属性的操作
2021/06/30 Java/Android