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在IE或Firefox下获取鼠标位置的代码
Dec 18 Javascript
javascript encodeURI和encodeURIComponent的比较
Apr 03 Javascript
jQuery效果 slideToggle() 方法(在隐藏和显示之间切换)
Jun 28 Javascript
JQueryEasyUI datagrid框架的进阶使用
Apr 08 Javascript
用js实现trim()的解决办法
Apr 16 Javascript
JS使用for循环遍历Table的所有单元格内容
Aug 21 Javascript
JavaScript插件化开发教程 (三)
Jan 27 Javascript
JQuery datepicker 用法详解
Dec 25 Javascript
JS实现京东首页之页面顶部、Logo和搜索框功能
Jan 12 Javascript
微信小程序实现顶部选项卡(swiper)
Jun 19 Javascript
vue 自定义组件 v-model双向绑定、 父子组件同步通信的多种写法
Nov 27 Javascript
Vuex的各个模块封装的实现
Jun 05 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
解析dedecms空间迁移步骤详解
2013/05/15 PHP
php使用PDO方法详解
2014/12/27 PHP
Yii2实现自定义独立验证器的方法
2017/05/05 PHP
PHP preg_match实现正则表达式匹配功能【输出是否匹配及匹配值】
2017/07/19 PHP
PHP实现的62进制转10进制,10进制转62进制函数示例
2019/06/06 PHP
PHPStorm 2020.1 调试 Nodejs的多种方法详解
2020/09/17 NodeJs
JavaScript阻止事件冒泡示例分享
2014/12/28 Javascript
JavaScript的设计模式经典之代理模式
2016/02/24 Javascript
jQuery搜索框效果实现代码(百度关键词联想)
2021/02/25 Javascript
js中string和number类型互转换技巧(分享)
2016/11/28 Javascript
js实现文字选中分享功能
2017/01/25 Javascript
js原生Ajax的封装和原理详解
2017/03/11 Javascript
详解webpack+gulp实现自动构建部署
2017/06/29 Javascript
AngularJS实现与后台服务器进行交互的示例讲解
2018/08/13 Javascript
element-ui tooltip修改背景颜色和箭头颜色的实现
2019/12/16 Javascript
ES6 Object.assign()的用法及其使用
2020/01/18 Javascript
40行代码把Vue3的响应式集成进React做状态管理
2020/05/20 Javascript
python根据给定文件返回文件名和扩展名的方法
2015/03/27 Python
Python切片索引用法示例
2018/05/15 Python
Python元组知识点总结
2019/02/18 Python
不到40行代码用Python实现一个简单的推荐系统
2019/05/10 Python
python查找重复图片并删除(图片去重)
2019/07/16 Python
Python安装selenium包详细过程
2019/07/23 Python
详解Python图像处理库Pillow常用使用方法
2019/09/02 Python
详解pycharm连接不上mysql数据库的解决办法
2020/01/10 Python
python实现测试工具(二)——简单的ui测试工具
2020/10/19 Python
使用PDF.JS插件在HTML中预览PDF文件的方法
2018/08/29 HTML / CSS
AJAX的优缺点都有什么
2015/08/18 面试题
《陈涉世家》教学反思
2014/04/12 职场文书
社区党员群众路线教育实践活动心得体会
2014/11/03 职场文书
离婚起诉书怎么写
2015/05/19 职场文书
王亚平太空授课观后感
2015/06/12 职场文书
幼儿园卫生保健制度
2015/08/05 职场文书
党员干部学习心得体会
2016/01/23 职场文书
淡雅古典唯美少女娇媚宁静迷人写真
2022/03/21 杂记
Oracle使用别名的好处
2022/04/19 Oracle